Firefox 143에서 주소 표시줄 색상을 변경하는 방법을 소개합니다.
업데이트: 2025년 9월 29일
들어가며
모질라(Mozilla)는 파이어폭스를 업데이트할 때마다 크고 작은 외형적인 변화를 함께 선보입니다. 그러나 지난 10여 년간 이런 변화들은 대부분 사용자 편의성을 오히려 떨어뜨리는 방향으로 진행되어 왔습니다. 물론 이른바 '모던' 인터페이스를 채택한 모든 브라우저가 마찬가지지만, 필자가 주로 사용하는 브라우저가 파이어폭스인 만큼 자연히 여기에 초점이 맞춰집니다. 실제로 필자는 무미건조하고 평면적이며 영혼 없는 유사 미니멀리즘 인터페이스가 판치는 요즘, 대비감과 사용성을 최적화하기 위해 UI 레이아웃을 조정하는 방법을 여러 차례 소개해 왔습니다.
그런데 파이어폭스 143에 이르면서 기존의 주소 표시줄 수정 방법이 더 이상 작동하지 않게 되었습니다. 필자는 의미 없는 회색 배경을 흰색으로 바꿔 URL 텍스트와 배경 사이의 대비를 높여 왔는데, 회색 위에 회색을 얹는 그런 어처구니없는 디자인은 정말 말 그대로 '회색뿐'입니다. 하지만 안타깝게도 모질라는 필자의 삶을 더 어렵게 만들기로 했고, 받은 메일들을 보면 여러분의 삶 역시 마찬가지인 것 같습니다. 자, 이제 바로잡아 보겠습니다. CSS에 추가만 하면 주소 표시줄 배경색을 원하는 어떤 색상으로든 바꿀 수 있는 코드를 알려드리겠습니다.
ID 선택자에서 클래스 선택자로
이전 버전에서는 앞서 소개한 튜토리얼대로 userChrome.css 파일에 다음과 같은 선언을 추가하면 배경색이 변경되었습니다.
#urlbar-background {
background-color: white !important;
border: 1px solid rgba(10, 132, 255, 0.3) !important;
}
참고로 배경색의 구체적인 선택은 필자의 취향이며, 테두리 색상과 두께 역시 완전히 개인적인 설정입니다. 여러분은 원하는 다른 값들을 자유롭게 지정하셔도 됩니다. 이 가이드에서는 일단 위 예제를 기준으로 설명하겠습니다.
그런데 변경 사항을 확인하려면 파이어폭스에서 디버깅을 활성화하고 브라우저 도구 상자(Browser Toolbox)를 실행해 각 요소들을 하나씩 살펴봐야 했습니다. 결과적으로 변화는 아주 작지만 중요했습니다. 모질라가 urlbar 관련 선언을 ID가 아닌 클래스(class)로 전환한 것입니다. 따라서 여러분이 할 일은 다음과 같습니다.
.urlbar-background {
background: white !important;
border: 1px solid rgba(130, 130, 130, 0.5) !important;
}
핵심은 간단합니다. CSS 파일에 있는 해당 코드 및 기타 urlbar 관련 선언에서 # 기호를 . 으로 바꾸기만 하면 됩니다. 브라우저를 재시작하면 원하던 설정이 적용될 것입니다. 그 눈살을 찌푸리게 하는 회색 배경을 없애는 데 필요한 과정은 이게 전부입니다.
변경 전후 비교
변경 전과 후의 예시를 직접 비교해 보세요. 텍스트와 배경 간의 대비가 얼마나 달라졌는지 확인할 수 있습니다. 게다가 그 회색 텍스트 역시 별로 합리적이지 않습니다. 회색 배경 위에 옅은 회색 텍스트라니, 인체공학적으로 보면 중범죄나 다름없습니다. 정말이지요.
마무리
한때 모질라는 URL이 제 역할을 하도록 최선을 다했습니다. 그러다 구글을 벤치마킹하면서 유용한 정보들을 하나씩 제거하기 시작했습니다. 프로토콜 접두사, 인증서 자물쇠 아이콘의 색상, 텍스트 색상, 그리고 이번에는 배경색까지요. 요점은 이 주소 입력란을 '일반 사용자의 눈에 잘 띄지 않게' 숨기는 것인데, 이는 대중을 교육하거나 돕는 데에는 아무런 도움이 되지 않으면서 오직 과학적으로 입증된 사용성의 기본 원칙만 망가뜨립니다.
단색의 우울한 분위기 속에서 브라우저를 사용하고 싶지 않다면, 색상을 더해 경험을 한층 끌어올릴 수 있습니다. 더 나은 대비, 줄어드는 눈의 피로, 세부 사항에 대한 집중력 — 당연히 그래야 하는 것이지요. 다행히 파이어폭스는 실제로 이런 커스터마이징을 허용합니다. UI를 직접 편집할 수 있으니까요. 바로 이런 이유 때문에, 수많은 어이없는 변화들에도 불구하고 UBlock Origin(UBO) 같은 훌륭한 Manifest V2 확장 프로그램을 계속 사용할 수 있다는 점까지 더하면, 가능하다면 파이어폭스를 기본 브라우저, 어쩌면 유일한 브라우저로 삼는 것이 좋습니다. 단점이 적지 않음에도 불구하고, 여전히 이것만이 '그나마 괜찮은' 브라우저입니다. 자, 미리 경고해 드렸습니다. 그리고 이제 주소 표시줄 색상을 수정하는 방법도 알게 되었으니, 임무 완수입니다.
즐거운 브라우징 되세요.