탭 제목의 글자색 고정시킬 수 없을까요?

[Fox Fan]

윈도우 엑스피에서 Firefox 1.0 사용 중인데요..
SunkenAquaMilk 이라는 테마에서 말인데요.

탭의 제목을 나타내는 글자색이 전부 흰색으로 나와서 가독성이 떨어지거든요..
테마파일의 압축을 풀어서 여러가지 ini, rdf 파일들을 열어봤는데도 뭐가 뭔지 잘 모르겠구..

그래서 혹시 about:config 나 userChrome.css 파일을 수정하거나 아님 다른 방법으로 탭의 제목의 글자색을 모두 검정색으로만 표시되게 고정시켜 두는 방법은 없을까 해서요..

스크린셧을 올리려구 하는데 어떻게 하는 건지.. 마우스로 그림을 그냥 끌어다 놓아 보았는데 잘 안되는 듯..

혹시 좋은 아이디어 있으신 분 없으세요?

[삽]

Global 안에 browser.css 라는 파일이 있습니다.

Code: Select all

/* ::::: tab text ::::: */

.tabbrowser-tabs .tab-text {
  margin: 5px 0px 0px 2px !important;
  -moz-opacity: 0.2 !important;
  color:#FFFFFF !important;
}
.tabbrowser-tabs *|tab[selected="true"] .tab-text {
  margin: 6px 0px 0px 2px !important;
  -moz-opacity: 0.4 !important;
  color:#FFFFFF !important;
}
.tabbrowser-tabs *|tab[first-tab="true"] .tab-text {
  margin: 5px 0px 0px 3px !important;
  -moz-opacity: 0.2 !important;
  color:#FFFFFF !important;
}
.tabbrowser-tabs *|tab[first-tab="true"][selected="true"] .tab-text {
  margin: 6px 0px 0px 3px !important;
  -moz-opacity: 0.4 !important;
  color:#FFFFFF !important;
}

.tabbrowser-tabs .tab-text2 {
  margin: 4px 0px 0px 2px !important;
  -moz-opacity: 0.9 !important;
  color:#121212 !important;
}
.tabbrowser-tabs *|tab[selected="true"] .tab-text2 {
  margin: 5px 0px 0px 2px !important;
  -moz-opacity: 0.9 !important;
  color:#121212 !important;
}
.tabbrowser-tabs *|tab[first-tab="true"] .tab-text2 {
  margin: 4px 0px 0px 3px !important;
  -moz-opacity: 0.9 !important;
  color:#121212 !important;
}
.tabbrowser-tabs *|tab[first-tab="true"][selected="true"] .tab-text2 {
  margin: 5px 0px 0px 3px !important;
  -moz-opacity: 0.9 !important;
  color:#121212 !important;
}

위에 color 부분이 보이시죠? 어느 부분이 어떻게 영향을 주는지 잘 몰라서요..

Code: Select all

/* ::::: tab text ::::: */

.tabbrowser-tabs .tab-text {
  margin: 4px 0px 0px 0px !important;
  padding-top: 1px !important;
  -moz-opacity: 1.0 !important;
  color:#121212 !important; !important;
}
.tabbrowser-tabs *|tab[selected="true"] .tab-text {
  margin: 5px 0px 0px 0px !important;
  -moz-opacity: 1.0 !important;
  color:#121212 !important;
}
.tabbrowser-tabs *|tab[first-tab="true"] .tab-text {
  margin: 4px 0px 0px 1px !important;
  -moz-opacity: 1.0 !important;
  color:#121212 !important;
}
.tabbrowser-tabs *|tab[first-tab="true"][selected="true"] .tab-text {
  margin: 5px 0px 0px 1px !important;
  -moz-opacity: 1.0 !important;
  color:#121212 !important;
}

.tabbrowser-tabs .tab-text2 {
  -moz-opacity: 0.0 !important;
}

이건 제가 쓰는 Longhorn_Inspiriat2_safari6 테마 중의 browser.css 에서 같은 부분을 참고로 올려보았습니다.

[삽]

알집을 이용하신다면 jar /압축하지 않음 으로 하고, 상위폴더(테마이름) 포함해서 압축하셔야 합니다.

[Fox Fan]

삽님.. 친절하신 설명 정말 감사드립니다..

우선 제가 한 작업을 말씀드리면.. 테마 파일의 확장자를 rar로 바꾸어서 제가 쓰는 WinRar로 더블클릭하여 화일들을 살펴보았습니다.. 말씀하신 대로 global 폴더 속의 파일을 찾아서.. WinRar 속에서 더블클릭해서 노트패드로 파일을 열고.. 삽님이 올려주신 수정 부분을 그냥 복사해 옮기고 저장.. 그러면 WinRar가 전체 파일의 내용을 변경된 대로 저장하겠느냐구 물을 때.. 'Yes'.. 그리고 WinRar 종료하고.. 테마파일의 확장자를 다시 jar로 원위치 하구... 파이어 폭스에 인스톨.. 그랬더니.. 그랬더니..

됩니당.. 됩니당...!!
원했던 대로.. 아주 선명하게 탭 제목의 글자색이 검정색으로 바꿨습니당...
감사합니당.. 삽님..

바뀌기 전과 바뀐 후의 모습을 스크린 셧으로 보여드리고 싶은데.. 이미지 파일을 그냥 글 쓰는 창에 끌어다 놓았는데.. 잘 안되네요.. 우찌 해야하는지 몰라서.. ㅋㅋ

이렇게 간단한 데.. 혼자서 우찌 해볼라고.. 한참을 여기저기 뒤지구.. 열구.. 난리를 쳤네요..^^

삽님에게 다시 감사.. ^^

[atclock]

탭의 제목을 나타내는 글자색이 전부 흰색으로 나와서 가독성이 떨어지거든요.

userChrome.css에 아래 내용을 추가하세요.

Code: Select all

tab {
   color: black !important;
}

[Fox Fan 인데요]

[quote="atclock"] userChrome.css에 아래 내용을 추가하세요.

Code: Select all

tab {
   color: black !important;
}

atclock님.. 아주 간단한 방법으로 설명해 주셨는데... 아쉽게도.. important를 써서 사용자지정으로 해주는 것은 각 테마들의 important 지정이 우선 적용되지 않나 합니다.. 결론적으로 말씀드리면.. 아무런 효과도 없었습니다..
삽님의 설명에 착안해서 저는.. saferfox-2.0.0-fx 테마의 내용을 베껴와서 SunkenAquaMilk의 browser.css 파일의 Tabs 부분을 아래와 같이 해봤더니.. 현재창에는 Bold가 들어가서 굵은 글씨로 표시되고.. 탭간에도 구별선이 생겨서서.. 훨씬 가독성이 나아졌습니다..

/* ::::: tabs ::::: */ 내용 전체를 아래처럼 수정

.tabbrowser-strip {
background:#F7F7F7;
}

/*Make Browser Tabs not center aligned*/
.tabbrowser-strip .tab-text{
text-align:left;
}

/*removes extra space between text and proxy icon in browser tabs */
.tabbrowser-strip .tab-text {
margin-left:0px !important;
}



tabpanels {
-moz-appearance: none;
}

.tabbrowser-tabs {
padding-top: 0px;
}

.tabs-left,
.tabs-right {
width: 3px;
}

.tab-icon {
margin-top: 0px;
margin-bottom: 6px;
margin-right: 0px;
margin-left:10px;
width: 16px;
height: 16px;
list-style-image: url("chrome://browser/skin/bookmarks/bookmark-item.png");
}

tab[busy] > .tab-icon {
list-style-image: url("chrome://global/skin/icons/spinner.gif");
}

tab[selected="true"] {
font-weight: bold;
}

[atclock2]

userChrome.css 보다 각 테마에서 지정한 속성이 우선 적용되나보군요.

[Fox Fan 인데요]

삽님의 설명에 많은 영감을 받아서.. 혹시 저처럼 SunkenAqua Milk 테마의 탭 제목창이 흰색이라 불편을 느끼는 분들에게 도움이 됐으면 하고.. 삽님의 제안에다 제가 이것 저것 만져서 최종적으로 만든.. Browser.css 파일의 완결판입니다..

Tab 부분의 내용을 아래와 같이 완전히 수정합니다..

/* ::::: tabs ::::: */

.tabbrowser-strip {
background:#F7F7F7;
}

/*Make Browser Tabs not center aligned*/
.tabbrowser-strip .tab-text{
text-align:left;
}

/*removes extra space between text and proxy icon in browser tabs */
.tabbrowser-strip .tab-text {
margin-left: 0px !important;
}

tabpanels {
-moz-appearance: none;
}

.tabbrowser-tabs {
padding-top: 0px;
}

.tabs-left,
.tabs-right {
width: 3px;
}


/* ::::: tab icon ::::: */

.tabbrowser-tabs .tab-icon {
margin: -1px -1px -1px -1px !important;
width: 16px;
height: 16px;
background: url('chrome://global/skin/icons/none.gif');
}

.tabbrowser-tabs *|tab[selected="true"] .tab-icon {
margin: -1px -1px -1px -1px !important;
}

.tabbrowser-tabs *|tab[busy] .tab-icon {
background: url('chrome://global/skin/icons/loading-back.gif') no-repeat;
}

.tabbrowser-tabs *|tab:hover[busy] .tab-icon {
background: url('chrome://global/skin/icons/loading-back-hov.gif') no-repeat;
}

.tabbrowser-tabs *|tab[busy][selected="true"] .tab-icon,
.tabbrowser-tabs *|tab:hover[busy][selected="true"] .tab-icon {
background: url('chrome://global/skin/icons/loading-front.gif') no-repeat;
}

.tabbrowser-tabs *|tab[image] .tab-icon {
background: none;
}

.tabs-newbutton {
display: none;
}

.tabs-closebutton {
margin: -1px;
padding: -1px -1px -1px -1px;
background-color: transparent;
}