Como posso personalizar a aparência da lista de caixas de correio, lista de mensagens e cabeçalhos do Thunderbird?

Question

A lista de mensagens, a lista de caixas de correio e os cabeçalhos do Mozilla Thunderbird usam um tamanho de fonte tão grande que mal posso ver qualquer conteúdo no painel de visualização da mensagem. Eu gostaria de reduzi-los para 10px e reduzir os cabeçalhos para 8px ou menos. Como posso fazer isso?

    

Answer 1

O Thunderbird está escrito é XUL. É a linguagem de marcação da Mozilla, e é alimentada pelo XULRunner. Basicamente, é um XML orientado por GUI.

O que caracteriza toda a aplicação é, na verdade, apenas um simples arquivo .css . Se você encontrá-lo, você pode encontrar os elementos que você está procurando e apenas ajustar o CSS. Vou postar de volta o caminho necessário para o arquivo e as regras a serem ajustadas.

    

Answer 2

A resposta do Blender me apontou na direção certa. Eu realmente não modifiquei esses arquivos, mas o que eu fiz foi criar um arquivo ~/.mozilla-thunderbird/iddbnhwr.default/chrome/userChrome.css e eu coloquei minhas alterações lá. Eu fiz o meu parecer assim:

#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;
}

Analisando os arquivos da resposta do Blender, mostrei que os seguintes são os seletores CSS que eu queria:

• #folderTree - A lista de pastas no lado esquerdo
• #threadTree - A lista de mensagens no canto superior direito.
• #msgHeaderView - O painel de cabeçalho na parte superior de todas as janelas de visualização / visualização da mensagem

Há muito mais coisas interessantes nesses arquivos:

• #mailContent - Parece o corpo das mensagens de e-mail?
• #folderUnreadCol , #folderTotalCol , #folderSizeCol , #folderNameCol - auto-explicativo
• treecol.flagColumnHeader - Parece que você pode mudar o ícone da bandeira para outra coisa ... Talvez um ícone de upvote? ; -)
• treecol.junkStatusHeader - O mesmo para o ícone de lixo. Basta alterar a regra list-style-image: url(...) .

Answer 3

Geralmente, você pode personalizar a aparência do Thunderbird com os arquivos chrome / userChrome.css (para a interface do usuário) e chrome / userContent.css (para a exibição da mensagem) , ambos localizados na sua pasta de perfil do Thunderbird. (Você pode ter que criá-los.)

Para encontrar o seletor CSS relevante, um inspetor DOM pode ajudar .

    

Answer 4

Saiba que este é um post antigo, mas comecei a usar o Thunderbird no meu Mac (v52) e passei muito tempo tentando encontrar respostas sobre o estilo do Thunderbird. O exemplo abaixo funcionou para mim no meu Mac. Nesse /chrome/userChrome.css. Eu queria estilizar separadamente a lista de pastas à esquerda e a lista de mensagens. A fonte do tema & O complemento Changer de tamanho funciona, mas afeta todos os aspectos. Não áreas individuais.

O
• threadTree controla os estilos da vista da mensagem.
• O folderTree controla os estilos de exibição de pastas.

No meu Mac, notei que o ícone na lista de pastas estava sendo cortado na parte inferior. Sobrescrevendo o preenchimento definido por padrão, o ícone ficou bonito novamente! Algumas referências afirmam que a altura pode ser usada para definir a altura da linha, mas eu nunca consegui fazer isso funcionar na exibição da pasta enquanto definia uma margem.

Mais algumas informações sobre a árvore e formas de estilizar: link .

@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;
  */
}