탭 폰트 색깔 바꾸는 방법???

[Joseph]

왠만하면 질문드리지 않고 자체적으로 해결을 하려했는데...
그래서 검색을 통해서 관련 글을 찾아서 읽어보고 했지만...
문제해결이 되지 않아서요...부득이 질문을 드립니다.

테마 가운데 어떤 것들은 탭 부분의 폰트 색깔이 흰색이어서
눈으로 보기가 어려운 경우가 있습니다.

탭 부분의 폰트 색깔을 바꾸려면 어찌해야 하나요?

userChrome.css 파일에 내용 추가를 해봐도 잘 되지 않구요...

--------------------------------------------------------------------------------------

tab {
color: black !important;
}

--------------------------------------------------------------------------------------

상기의 내용을 추가해보기도 했거든요...
제대로 못해서 그런건지는 모르겠으나...아무런 변화가 없었구요...

userChrome.css 보다 각 테마에서 지정한 속성이
우선 적용된다는 글도 보았구요.

그래서 다음으로...테마 파일의 Global 폴더하의 browser.css 파일을
수정하면 된다고 해서 시도해보았는데...잘 되질 않네요.

제가 시도한 방법은 jar 파일을 winrar 로 열어서(압축해제 아님)
파일 내용을 열어보았거든요.
그런 다음에 검색을 통해 찾은 수정 내용을 browser.css 파일에
입력하고 winrar 프로그램을 통해 변경된 사항을 반영하고서
jar 파일로 저장을 했습니다.

그런데 여전히 탭 부분의 폰트 색깔이 흰색이어서 보기가 불편하네요.
원래 테마에 포함된 browser.css 파일의 내용을
검색을 통해 찾은 내용으로 통째로 바꾸어 주어도 변하질 않는데...

참고로 이 게시물의 내용을 토대로 수정작업을 시도해 보았구요.
viewtopic.php?t=2205&highlight=Aqua

제가 사용하고픈 테마를 winrar 프로그램을 통해
Global 폴더하의 browser.css 파일을 열어보니
다음과 같은 내용이 있네요.

--------------------------------------------------------------------------------------

@namespace url("http://www.mozilla.org/keymaster/gateke ... s.only.xul");

.tabbrowser-strip {
padding-bottom: 1px;
border-bottom: 1px solid;
-moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
-moz-appearance: toolbox;
}

#content tabpanels {
-moz-appearance: none;
}

#content tab {
-moz-appearance: none !important;
-moz-border-radius: 0 !important;
padding: 1px !important;
margin: 2px !important;
border: 1px solid ThreeDShadow;
-moz-border-top-colors: ThreeDShadow;
-moz-border-right-colors: ThreeDShadow;
-moz-border-left-colors: ThreeDShadow;
-moz-border-bottom-colors: ThreeDShadow;
color: ButtonText;
}

#content tab[selected="true"] {
padding: 2px 0 0 2px;
border-color: Highlight !important;
-moz-border-top-colors: Highlight;
-moz-border-right-colors: Highlight;
-moz-border-left-colors: Highlight;
-moz-border-bottom-colors: highlight;
background-color: #F3F3F3 !important;
}

#content tab[selected="false"] > .tab-icon,
content tab[busy] > .tab-icon,
#content tab > .tab-icon {
-moz-opacity: 0.5;
}

#content tab[selected="true"] > .tab-icon {
-moz-opacity: 1.0;
}

#content .tabs-left,
#content .tabs-right {
border-bottom: none;
}

.tabbrowser-tabs {
margin-bottom: -1px;
}

#content .tab-icon {
margin: 0px 2px 0px 0px;
width: 16px;
height: 16px;
list-style-image: url('chrome://browser/skin/icons/bookmark_item.png');
}

#content tab[busy] > .tab-icon {
list-style-image: url('chrome://browser/skin/icons/loading.gif');
}

/* ::::: close button ::::: */

#content .tabs-closebutton {
list-style-image: url('chrome://browser/skin/icons/close-button.png');
}

#content .tabs-closebutton:hover, .tabs-closebutton:hover:active {
list-style-image: url('chrome://browser/skin/icons/close-button-hov.png');
}

#content .tabs-closebutton > .toolbarbutton-icon {
margin: 0;
}

#content .tabs-newbutton {
margin: 0px;
list-style-image: url('chrome://global/skin/icons/tab-new.png');
-moz-image-region: rect(0px 16px 16px 0px);
}

#content .tabs-newbutton:hover, .tabs-newbutton:hover:active {
margin: 0px;
-moz-image-region: rect(16px 16px 32px 0px);
}


--------------------------------------------------------------------------------------

여기서 어떻게 수정해야 하는지...알려주시면 감사하겠습니다.

참고로 제가 사용하고픈 테마는 neptune_fx.jar 이구요.
현재 파폭의 버젼은 1.0.4 이며 윈도우 2003 서버 웹에디션을 사용중입니다.

[atclock]

제 경우에는 같은 테마를 설치하고

Code: Select all

tab {
    color: red !important;
}

위 코드를 userChrome.css 파일에 추가하면 폰트 색깔이 변경이 됩니다.
사용 환경은 Firefox 1.0.4 xpsp2입니다. Firefox는 새로설치한 상태는 아니고
1.0 이후로 업데이트를 해왔습니다. 몇개의 테마를 설치 했다가 제거 한적도 있고
현재는 GNOME-Fx 1.0 테마를 사용중입니다.

TotalCommander를 사용하신다니 간단히 설명드리겠습니다.
neptune_fx.jar.xpi로 파일명을 바꾸고 ~/global/tabbox.css 파일을 에디터로
열고 아래 코드를 참고해서 변경해보세요.

Code: Select all

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

tab {
  -moz-appearance: none;
  -moz-border-radius:  0;
  padding: 1px;
  margin: 2px;
  border: 1px solid ThreeDShadow;
  -moz-border-top-colors: ThreeDShadow;
  -moz-border-right-colors: ThreeDShadow;
  -moz-border-left-colors: ThreeDShadow;
  -moz-border-bottom-colors: ThreeDShadow;
/*  color: ButtonText; 주석 처리된 부분입니다.*/
  color: red !important;
}

제 경우에는 위와 같이 변경해도 폰트의 색깔이 바뀌었습니다.
사용자의 환경에 따라 다를 수 있으니 꼭 맞다고 할 수는 없겠지만
한번 시도해 보는 것도 좋을 것 같습니다...^^

[Joseph]

답변 달아주신 점 감사드리구요...

탭 부분의 폰트 색깔은 userChrome.css 파일을 수정하는 방식으로 해결하였습니다.

아무래도 테마마다 내용 수정하기엔 귀찮을 것 같아서 말이죠...ㅋㅋㅋ

이참에 userChrome.css 에 대해서 공부 좀 해야겠네요...

다시 한번 도움 주셔서 감사드립니다.