Page 1 of 1

앱 탭 알림을 잘 알아채시나요?

Posted: 2012 07 01 10:38 01
by saphire
앱 탭 기능은 잘 활용하면 참 요긴하게 사용할 수 있습니다.

따로 설정할 필요없이 앱 탭으로 만들면 바로 시작 페이지가 되기도 하고, 앱 탭으로 만들어 둔 사이트에 변화가 생기면 앱 탭에 빛을 비추어 이 변화를 알려 주기도 합니다.

이 알림은 메일이나 트위터, 페이스북에 사용하면 따로 확인치 않아도 앱 탭이 알려 주니 편합니다.



페이지에 변화가 있음을 알리는 앱 탭
http://i.imgur.com/oeYLw.png

그러나, 이 알림이 에어로 효과를 사용하는 분들에겐 참 곤혹스럽습니다. 그림에서처럼 잘 알아보기 어려워서지요.

그림에서 지메일 탭이 다른 탭과 다르다는 것을 쉽게 알아내셨나요? 탭 위쪽에 빛이 비치고 있지요?



보일락 말락 하는 이 앱 탭을 조금 더 쉽게 알 수 있도록 바꾸어 봅니다.

우선 자신의 프로파일 경로로 이동합니다.

프로파일의 chrome 폴더 안에 userChrome.css 파일을 편집기로 엽니다.

이 userChrome.css 파일은 물론 chrome 폴더 자체가 없는 분들이 대다수입니다. 없으면 만들면 됩니다.

이 css 파일에 아래의 내용을 적어 넣습니다.

Code: Select all

/*
only needed once
*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/*
App tab title change notification is sometimes hard to see, especially with aero glass/basic
*/
.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) {
 background-image: -moz-linear-gradient(rgba(255,140,0,1), rgba(255,140,0,.25)) !important;
}
rgba 안에 적힌 수치는 빨강, 초록, 검정, 투명도이며, 앞엣것이 탭의 상단 부분, 다음 것이 탭의 하단 부분입니다. 취향에 맞추어 수치를 조절해 넣으시면 됩니다.

이렇게 적용하면 아래 그림처럼 쉽게 알아차릴 수 있습니다.

http://i.imgur.com/aBrw7.png



아니다, 나는 업무 혹은, 공부에 열중해야 해서 내가 직접 확인할 때까지는 알림이 안보였으면 좋겠다.

Code: Select all

/*
only needed once
*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/*
Can the “glow” notification on Firefox's App Tabs be disabled?
*/
.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) {
 background-image: none !important;
}
이렇게 해주시면 됩니다.