Início / unix / Perguntas / 559960
Accepted
Martin Vegter
Asked: 2020-01-03 07:16:44 +0800 CST

Thunderbird: mude a cor na janela de composição

  • 772

Eu sei que a interface do usuário do Thunderbird é altamente personalizável por meio do UserChrome.css.

Por exemplo, alterar a cor da barra da janela pode ser feito facilmente:

menubar, toolbar, nav-bar, #TabsToolbar > *{
  background-color: rgb(245,199,18) !important;
}

Mas onde posso encontrar os nomes dos elementos que quero alterar?

Por exemplo, na janela de composição, o Thunderbird mais recente colore todo o cabeçalho, o próprio cabeçalho e o campo de entrada (tudo é cinza claro).

insira a descrição da imagem aqui

Considerando que, o Thunderbird mais antigo apenas coloriu o cabeçalho e deixou o campo de entrada do usuário distintamente diferente:

(ignore as diferenças nos temas de cores, ou seja, claro vs escuro). O ponto é a diferenciação distinta entre o título (ou seja, De, Para) e o endereço de e-mail real digitado pelo usuário.

Como posso encontrar o nome do elemento e alterar a cor usando UserChrome.css?

estou usando Thunderbird 68.3emDebian Buster

insira a descrição da imagem aqui

firefox colors

2 respostas

  1. Para Thunderbird e Firefox, as fontes que são editadas UserChrome.cssestão disponíveis /install-dir/omni.janeste arquivo é um diretório compactado (sem compressão) contendo todas as fontes (javascript, xul, css etc.) das janelas exibidas...

    Para editar/ver as fontes diretamente você pode fazer

    mkdir tmp; cd tmp;
cp ../location-of-install-dir/omni.ja .
unzip omni.ja

    Edite o que você quer e/ou obtenha o valor que você está procurando, então você pode reconstruir o arquivo com

    rm omni.ja #(remove the copied one)
zip -qr0XD omni.ja *

    O arquivo que você está procurando está ./chrome/messenger/content/messenger/messengercompose/messengercompose.xulcom o css e xul incluídos indicados no início do arquivo, como chrome://messenger/content/bindings.csse chrome://messenger/skin/messengercompose/messengercompose.cssetc.

    Os endereços Chrome:// permitem acessar arquivos localizados no omni.ja, arquivos de extensão, etc... esses urls podem ser navegados diretamente com o Thunderbird se você tiver uma extensão como esta ou esta , infelizmente, eles ainda não foram atualizados para a v68

    Normalmente, para identificar o elemento que você deseja editar, você pode usar o depurador (Ctrl+Shift+I) disponível no menu: Ferramentas > Ferramentas do desenvolvedor > Caixa de ferramentas do desenvolvedor e, em seguida, use o botão superior esquerdo do inspetor de objetos dom, mas certifique-se de selecionar o janela apropriada primeiro com o menu suspenso no canto superior direito (por exemplo, messengercompose.xulpara a nova janela de mensagem, ela será listada se você abrir uma janela de composição).

    Extensões como Dom Inspector podem ser úteis aqui, mas ainda não são compatíveis com a v68

    • 2
  2. Best Answer

    Isso pode ser alcançado UserChrome.csscom

    #msgSubject {
  background-color: -moz-field !important;
}

#msgIdentity {
  background-color: -moz-field !important;
}

.textbox-addressingWidget {
  background-color: -moz-field !important;
}

.dummy-row {
  background-color: -moz-field !important;
}

    Ou a alternativa abaixo... você pode substituir var(--lwt-toolbarbutton-active-background, rgba(255, 255, 255, .4))pela cor desejada (como vermelho, azul, etc) para a caixa fictícia à esquerda dos campos (cc, bcc etc.)

    #msgSubject {
  background-color: -moz-field !important;
}

#msgIdentity {
  background-color: -moz-field !important;
}

.textbox-addressingWidget,
.dummy-row:not(:first-child) {
  background-color: -moz-field !important;
}

.addressingWidgetCell:first-child, 
.dummy-row-cell:first-child {
  background-color: var(--lwt-toolbarbutton-active-background, rgba(255, 255, 255, .4)) !important;
}

    Thunderbird v68.3.0 e v68.3.1:

    Observe que em uma instalação totalmente nova, você precisará desbloquear o uso de CSS personalizado com:

    Settings/Options > Advanced > General > Config Editor...
toolkit.legacyUserProfileCustomizations.stylesheets > true

    Em seguida, crie uma pasta nomeada chromeno diretório do perfil e crie o arquivo userChrome.css(essas diferenciam maiúsculas de minúsculas)

    Aqui está um css atualizado para TB v68.3.x usando a cor #e06d30...

    #msgSubject {
  background-color: -moz-field !important;
}

#msgIdentity {
  background-color: -moz-field !important;
}

.textbox-addressingWidget,
.dummy-row:not(:first-child) {
  background-color: -moz-field !important;
}

.addressingWidgetCell:first-child, 
.dummy-row-cell:first-child {
  background-color: #e06d30 !important;
}

.addressingWidgetCell:nth-child(2), 
.dummy-row-cell:nth-child(2) {
  background-color: #e06d30 !important;
}
    • 1

relate perguntas