Firefox 143에서 주소 표시줄 색상을 변경하는 방법
업데이트 날짜:2025년 9월 29일
Firefox를 업데이트할 때마다 Mozilla는 크고 작은 외관상의 변화를 도입합니다. 대부분의 경우, 지난 10년 이상 동안 이러한 변화는 대부분 반인체공학적이었습니다. 이것은 소위 "현대적인" 인터페이스를 갖춘 모든 브라우저의 경우이지만, 저는 주로 Firefox를 사용하기 때문에 여기에 초점을 맞췄습니다. 실제로 저는 데스크톱에 자리잡을 수 없는 단조롭고 밋밋하며 영혼이 없는 유사 미니멀리즘적 인터페이스가 존재하는 현대 시대에 최적화된 대비와 유용성을 위해 UI 레이아웃을 조정하는 방법을 이미 여러 번 보여 드렸습니다.
Firefox 143에서는 주소 표시줄 조정이 더 이상 작동하지 않습니다. 즉, 무의미한 회색 배경을 흰색으로 변경하여 URL 텍스트와 URL 텍스트가 작성된 캔버스 사이의 대비가 더 커졌습니다. 회색의 말도 안되는 회색 전체가 바로 그것입니다. 하지만 아쉽게도 Mozilla는 내 인생을 더 힘들게 만들기로 결정했고, 내 받은 편지함에 있는 이메일을 바탕으로 당신의 이메일도 마찬가지였습니다. 글쎄, 우리는 이것을 바로잡을 것이다. 주소 표시줄 배경색을 원하는 대로 조정하기 위해 CSS에 도입해야 하는 코드를 보여드리겠습니다. 나 이후에.
식별자에서 클래스로
이전에는 위 튜토리얼에 설명된 대로 배경색을 변경하는 userChrome.css 파일 선언이 다음과 같았습니다.
#urlbar-배경 {
배경색:흰색!중요;
테두리:1px 솔리드 rgba(10, 132, 255, 0.3) !중요;
}
배경 색상의 특정 선택, 테두리 색상 및 두께는 전적으로 내 것입니다. 원하는 다른 설정을 선택할 수도 있습니다. 이 가이드에서는 예시가 그대로 적용됩니다.
글쎄요, Firefox에서 디버깅을 활성화하고, 브라우저 도구 상자를 실행하고, 다양한 요소를 검사하여 무엇이 변경되었는지 확인해야 했습니다. 결과적으로 변화는 작지만 중요합니다. Mozilla는 urlbar 선언을 클래스로 전환했습니다. 따라서 귀하가 해야 할 일은 다음과 같습니다:
.urlbar-배경 {
배경:흰색!중요;
테두리:1px 단색 rgba(130, 130, 130, 0.5) !중요;
}
기본적으로 #을 . CSS 파일에 있을 수 있는 이 선언 및/또는 기타 urlbar 관련 선언에 대해. 브라우저를 다시 시작하면 원하는 조정 사항이 적용됩니다. 그리고 이것이 어리석은 회색 배경을 제거하는 전부입니다.
이전과 현재의 예를 살펴보세요. 텍스트를 배경 대비와 비교합니다. 예. 그리고 그 회색 텍스트도 바보입니다. 회색 배경에 연한 회색 텍스트가 있으면 인체공학적으로 심각한 범죄를 저지르는 셈입니다. 그렇죠.
결론
옛날 옛적에 Mozilla는 URL을 일부로 보이게 만들기 위해 최선을 다했습니다. 그런 다음 Google을 복사하여 유용한 정보를 제거하기 시작했습니다. 프로토콜 접두어, 인증서 자물쇠 색상, 텍스트 색상, 그리고 이제 배경도 포함됩니다. 일반 유인원은 인터넷을 이해하지 못하기 때문에 일반 유인원으로부터 이 주소 필드를 "숨기는" 것이 아이디어입니다. 이는 대중을 교육하거나 도움을 주는 데 아무런 도움이 되지 않지만, 과학적으로 확립된 유용성의 기초를 망치는 데 모든 것을 다합니다.
흑백 우울증 시크 모드에서 브라우저를 사용하고 싶지 않다면 색상을 추가하고 경험을 향상시킬 수 있습니다. 대비가 향상되고, 눈의 피로가 줄어들며, 세부 사항에 대한 관심이 높아집니다. 운 좋게도 Firefox에서는 실제로 이 작업을 수행할 수 있습니다. UI를 편집할 수 있습니다. 이것이 바로 이 말도 안 되는 모든 일들과 UBlock Origin(UBO)과 같은 놀라운 Manifest V2 확장 기능을 사용할 수 있다는 사실에도 불구하고 가능하다면 Firefox가 기본 브라우저이자 유일한 브라우저가 되어야 하는 이유입니다. 모든 실패에도 불구하고, 이 브라우저는 여전히 정말 괜찮은 브라우저입니다. 그래서 당신은 경고를 받았습니다. 그리고 주소 표시줄 색상을 수정하는 방법도 알고 있습니다. 임무를 완수했습니다.
건배.