☰

Thunderbird의 편지함 목록, 메일링 목록, 헤더의 모양을 어떻게 사용자 정의합니까?

tag-icon • tag-icon x11 fonts thunderbird
Thunderbird의 편지함 목록, 메일링 목록, 헤더의 모양을 어떻게 사용자 정의합니까?

Mozilla Thunderbird의 메시지 목록, 메일함 목록 및 헤더는 너무 큰 글꼴을 사용하여 메시지 미리보기 창에서 거의 아무것도 볼 수 없습니다. 10픽셀로 줄이고 헤더를 8픽셀 이하로 줄이고 싶습니다. 어떻게 해야 하나요?

답변1

블렌더의 대답은 나에게 올바른 방향을 알려주었습니다. 실제로 파일을 수정한 것은 아니고 파일을 만들어서 ~/.mozilla-thunderbird/iddbnhwr.default/chrome/userChrome.css변경사항을 넣은 것뿐입니다. 나는 내 모습을 다음과 같이 만들었습니다.

#threadTree {
    font-family: Verdana, Arial, Calibri !important;
    font-size: 10px !important;
}

#msgHeaderView {
    font-family: Verdana, Arial, Calibri !important;
    font-size: 10px !important;
    height: 100px !important;
    overflow: auto !important;
}

#folderTree {
    font-family: Verdana, Arial, Calibri !important;
    font-size: 10px !important;
}

Blender의 답변에서 파일을 분석하면 다음이 내가 원하는 CSS 선택기임을 알 수 있습니다.

  • #folderTree- 왼쪽 폴더 목록
  • #threadTree- 오른쪽 상단에 메시지 목록이 표시됩니다.
  • #msgHeaderView- 각 메시지 미리보기/뷰어 창 상단의 제목 창

이 파일에는 훨씬 더 흥미로운 내용이 있습니다.

  • #mailContent- 이메일 본문 같나요?
  • #folderUnreadCol, #folderTotalCol, #folderSizeCol, #folderNameCol- 설명이 필요함
  • treecol.flagColumnHeader- 깃발 아이콘을 다른 것으로 바꿀 수 있을 것 같은데요... 비슷한 아이콘으로 바꿀 수 있을까요? ;-)
  • treecol.junkStatusHeader- 휴지통 아이콘도 마찬가지입니다. list-style-image: url(...)규칙 만 바꾸면 됩니다 .

답변2

Thunderbird는 XUL로 작성되었습니다. XULRunner를 기반으로 하는 Mozilla의 마크업 언어입니다. 기본적으로 GUI용 XML입니다.

전체 애플리케이션의 스타일은 실제로는 하나의 간단한 .css파일입니다. 찾으면 원하는 요소를 찾아서 CSS만 조정하면 됩니다. 필요한 파일 경로와 조정할 규칙을 다시 게시하겠습니다.

답변3

일반적으로 파일을 사용하여 Thunderbird의 모양을 사용자 정의할 수 있습니다.크롬/userChrome.css(사용자 인터페이스용) 및크롬/usercontent.css(메시지 표시용), 둘 다 Thunderbird 프로필 폴더에 있습니다. (만들어야 할 수도 있습니다.)

관련 CSS 선택자를 찾으려면DOM 검사기도움이 될 수도 있습니다.

답변4

나는 이것이 오래된 게시물이라는 것을 알고 있지만 방금 Mac(v52)에서 Thunderbird를 사용하기 시작했으며 Thunderbird 스타일 답변을 찾으려고 많은 시간을 소비/낭비했습니다. 아래 예제는 내 Mac에서 작동합니다. /chrome/userChrome.css에 있습니다. 왼쪽 폴더 목록과 메시지 목록의 스타일을 별도로 지정하고 싶습니다. 테마 글꼴 및 크기 변경 플러그인은 작동하지만 모든 것에 영향을 미칩니다. 개별 지역이 아닙니다.

  • threadTree는 메시지 보기 스타일을 제어합니다.
  • FolderTree는 폴더 보기 스타일을 제어합니다.

Mac에서는 폴더 목록의 아이콘 하단이 잘린 것을 발견했습니다. 아이콘을 다시 아름답게 보이게 하려면 기본 설정의 여백을 재정의하세요! 일부 참조에서는 높이를 사용하여 행 높이를 설정할 수 있다고 명시하지만 여백을 설정할 때 폴더 보기에서 작동하도록 할 수는 없습니다.

트리 및 스타일 방법에 대한 추가 정보: https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Tutorial/Styling_a_Tree.

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* set default namespace to XUL */

/* Some Info: https://gist.github.com/AnthonyDiGirolamo/6032387 */

/* For the message list window. */
#threadTree > treechildren::-moz-tree-row {
   margin-top: 1px !important;
   margin-bottom: 3px !important;
}

/* For the folder list sidebar. */
#folderTree > treechildren::-moz-tree-row {
  /*font-family: Lucida Sans !important;*/
  font-size: 10pt !important;

  /* For line spacing */
  margin-bottom: 5px !important;

  /* To remove some style that looks to be
  cutting off the bottom of the icon on my Mac. */
  padding-bottom: 0px !important;

  /* Not working
  height: 12px !important;
  line-height: 12px !important;
  */
}

관련 정보