Autore Topic: Thunderbird: come rendere Dark il tema e aspetto cartelle con userChrome.css  (Letto 6505 volte)

0 Utenti e 1 Visitatore stanno visualizzando questo topic.

Offline DMD

  • Post: 132
Buonasera.
Apro questo topic per capire come agire sullo Script UserChrome, tanto per iniziare ho untilizzato un codice preso qui nel forum, non è prorpio Dark ma grigio, basta agire sul codice colore HTML, che si può trovare a questo link, ma almeno attenua il bianco di fondo che a lungo andare mi stanca gli occhi.

Questo è il contenuto del file "userChrome.css" da inserire dentro la cartella "chrome", nel percorso:
 "C:\Users\NOME UTENTE\AppData\Roaming\Thunderbird\Profiles\xxxxxxxx.default"

Codice: [Seleziona]
* Cambia il colore di sfondo delle finestre degli account e dei messaggi */
treechildren {
background-color: #C0C0C0   !important; }

/* ----- Colorare di Rosso l'account sul pannello laterale se ci sono nuove mail --- */
    treechildren:-moz-tree-cell-text(folderNameCol, newMessages-true) {
color: red !important; /* red  */ }
 
 
/* ---- Per colorare il nome dell'account quando arriva un nuovo  messaggio --- */
    treechildren::-moz-tree-cell-text(folderNameCol, biffState-NewMail,
isServer-true),
    treechildren::-moz-tree-cell-text(folderNameCol, specialFolder-Inbox,
newMessages-true) { font-weight: bold !important; color: red !important;
/* red */ }
 
 
/* ------- Ci sono nuovi messaggi da leggere ----- */
    treechildren::-moz-tree-cell-text(container, closed, hasUnread, read) {
text-decoration: underline; color: red !important; /* red */ }
 
 
/* Modificare il colore delle Cartelle con messaggi non letti */
treechildren::-moz-tree-cell-text(hasUnreadMessages-true)    {color: blue
!important;}


Questo è la combinazione con il tema dark di default


Questo è la combinazione con il tema Nuvola:





Altro spunto potrebbe essere il DeLorean Dark Theme
« Ultima modifica: 26 Febbraio 2022 10:38:26 da miki64 »

Offline michro

  • Moderatore
  • Post: 22589
Re:[TB 60.xx] Come rendere Dark il tema e aspetto cartelle.
« Risposta #1 il: 23 Settembre 2018 09:29:55 »
Ciao DMD ;-)
In Thunderbird 60 sono stati resi disponibili i vari temi come in Firefox (ho verificato in un profilo di test specifico in cui ho installato quella versione per aggiornare gli articoli di supporto).
Tra questi c'è anche un tema dark che influisce sulla barra degli strumenti e sulla finestra di composizione dei messaggi (non sul pannello degli account, dell'elenco messaggi e in altre finestre).
Adesso bisogna solo studiare come intervenire anche tramite userChrome per modificare le altre parti dell'interfaccia ;-)
Cercando in giro si trovano già parti di codici ma devo studiare...

Per quanto riguarda il tema dark predefinito in TB60, questa è l'interfaccia generale (su Mac)
https://immagini.mozillaitalia.org/images/2018/09/23/Dark-theme-tb60.png

e questa la finestra di composizione
https://immagini.mozillaitalia.org/images/2018/09/23/Dark-theme-tb60-compos.png

Offline michro

  • Moderatore
  • Post: 22589
Re:[TB 60.xx] Come rendere Dark il tema e aspetto cartelle.
« Risposta #2 il: 25 Settembre 2018 16:33:08 »
Continuo gli esperimenti su un profilo di test (non vorrei installare un tema ma utilizzare quello dark di default con modifiche a mio piacimento)
DMD, ho utilizzato anche una parte del codice che hai messo per colorare di rosso nome account nuove mail.

I risultati sono questi



Codice: [Seleziona]
/*
 * Do not remove the @namespace line -- it's required for correct functioning
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

/*  Pannello dei messaggi - Messagepane */
#threadTree treechildren {
color: #FFFFFF !important;
background-color: #CBCBCB !important;
}

#threadTree treechildren::-moz-tree-row(odd) {
background-color: #9F9F9F !important;
}

#threadTree treechildren::-moz-tree-row(even) {
background-color: #CBCBCB !important;
}

#threadTree treechildren::-moz-tree-row(selected) {
background-color: #2A5DF8 !important;
}

#threadTree treechildren::-moz-tree-row(hover) {
background-color: #2A5DF8 !important;
}

/*  Pannello delle cartelle - Folderpane */
#folderTree treechildren {
color: #ffffff !important;
background-color: #333 !important;
}

/* Meno Nero barra filtro veloce & barra di stato (erano troppo nere rispetto al tema dark integrato) */
#quick-filter-bar, #status-bar {
background-color: #333 !important;
}

/* Colorare di Rosso l'account sul pannello laterale se ci sono nuove mail */
treechildren:-moz-tree-cell-text(folderNameCol, newMessages-true) {
color: red !important;
}

/* Per colorare il nome dell'account quando arriva un nuovo  messaggio */
treechildren::-moz-tree-cell-text(folderNameCol, biffState-NewMail,
isServer-true),
treechildren::-moz-tree-cell-text(folderNameCol, specialFolder-Inbox,
newMessages-true) {
font-weight: bold !important; color: red !important;
}

Per la "zebratura" (odd=righe dispari, even=pari) ho utilizzato diversi tipi di grigio.
Per le righe "selected=selezionate" e "hover=colorate al passaggio del mouse" ho utilizzato invece una variante di colore blu.
Per la barra del filtro veloce, la barra di stato e lo sfondo del pannello degli account che erano troppo neri rispetto al resto del tema dark integrato in Thunderbird, ho utilizzato un nero un po' meno nero che si adatta al nero della barra degli strumenti e delle schede del tema.

Una cosa che mi sta prendendo tempo e non riesco a risolvere è la colorazione della barra nell'elenco messaggi con le intestazioni delle colonne (Oggetto, Corrispondenti, Data, ecc.) che mi rimane bianca.
Non ho capito perché non sia stata integrata nel tema dark di Thunderbird e non riesco a trovare un codice per scurirla (ma sono ignorante in materia) anche se ho girato in lungo e in largo su Internet.

Di sicuro è qualcosa che ha a che fare con gli "header", qualcosa tipo "message-list-header" o "message-pane-header"...

Offline DMD

  • Post: 132
Re:[TB 60.xx] Come rendere Dark il tema e aspetto cartelle.
« Risposta #3 il: 25 Settembre 2018 17:28:55 »
Buon risultato, io cercherei di inserire rendere più grigia la finestra inferiore di lettura, per attenuare il bianco di fondo.

Offline michro

  • Moderatore
  • Post: 22589
Re:[TB 60.xx] Come rendere Dark il tema e aspetto cartelle.
« Risposta #4 il: 25 Settembre 2018 18:08:25 »
Quello è facile e puoi farlo direttamente da Thunderbird ;-)
Preferenze(su Mac)/Opzioni(su Windows) > Visualizzazione > scheda Formato > clic sul pulsante "Colori..." > Sfondo: selezioni il colore di sfondo

Offline michro

  • Moderatore
  • Post: 22589
Re:[TB 60.xx] Come rendere Dark il tema e aspetto cartelle.
« Risposta #5 il: 26 Settembre 2018 17:19:13 »
Ok, sono riuscito a trovare un codice per rendere scura la barra degli header (Oggetto, Corrispondenti, Data, ecc.) nel pannello dei messaggi



il codice è questo  i colori li ho scelti in base alle mie esigenze, bianco per le scritte e un nero meno nero per la barra)
Codice: [Seleziona]
/* Barra degli header pannello messaggi */
#threadTree treecol, .treecol-image { -moz-appearance: none !important;
color: #ffffff !important;
background-color: #333 !important;
}
Non capisco però come fare a rendere bianche le icone "mostra le discussioni", "ordina per" (speciale, letto, indesiderato, ecc.) e il selettore che è di un bianco pallidissimo... :roll:

Offline DMD

  • Post: 132
Re:[TB 60.xx] Come rendere Dark il tema e aspetto cartelle.
« Risposta #6 il: 20 Settembre 2019 08:08:27 »
Buongiorno
Con la nuova release aggiornata alla 68.1.0, i vari script "userChrome.css" non mi funzionano più.
Comunque il coil tema dark di default non è male, però le icone sono tutte in biancoe neanche un tema per questa versione sono riuscito a trovare.


Offline Underpass

  • I've got fabric to sell
  • Amministratore
  • Post: 24618
    • Mozilla Italia
Re:[TB 60.xx] Come rendere Dark il tema e aspetto cartelle.
« Risposta #7 il: 20 Settembre 2019 08:13:26 »
Ciao, qual è questo script? Lo puoi postare usando il tag [code][/code]

Offline DMD

  • Post: 132
Re:[TB 60.xx] Come rendere Dark il tema e aspetto cartelle.
« Risposta #8 il: 20 Settembre 2019 08:16:24 »
Scusa , npn lo avevo menzionato, è quello del primo post.
Codice: [Seleziona]
* Cambia il colore di sfondo delle finestre degli account e dei messaggi */
treechildren {
background-color: #C0C0C0   !important; }

/* ----- Colorare di Rosso l'account sul pannello laterale se ci sono nuove mail --- */
    treechildren:-moz-tree-cell-text(folderNameCol, newMessages-true) {
color: red !important; /* red  */ }
 
 
/* ---- Per colorare il nome dell'account quando arriva un nuovo  messaggio --- */
    treechildren::-moz-tree-cell-text(folderNameCol, biffState-NewMail,
isServer-true),
    treechildren::-moz-tree-cell-text(folderNameCol, specialFolder-Inbox,
newMessages-true) { font-weight: bold !important; color: red !important;
/* red */ }
 
 
/* ------- Ci sono nuovi messaggi da leggere ----- */
    treechildren::-moz-tree-cell-text(container, closed, hasUnread, read) {
text-decoration: underline; color: red !important; /* red */ }
 
 
/* Modificare il colore delle Cartelle con messaggi non letti */
treechildren::-moz-tree-cell-text(hasUnreadMessages-true)    {color: blue
!important;}



Offline DMD

  • Post: 132
Re:[TB 68.xx] Come rendere Dark il tema e aspetto cartelle.
« Risposta #9 il: 21 Settembre 2019 16:58:10 »
Sono riuscito a trovare un link  https://github.com/Aris-t2/CustomCSSforTb/releases
ho scaricato il "Classic CSS tweaks for Thunderbird Quantum v1.0.1"
dove ci sono dei pacchetti da inserire nella cartella "chrome"



Poi nello script  "userChrome.css" ci sono le istruzioni per abilitare o disabilitare vari bottoni e altro.

Questo è un mio esempio veloce






« Ultima modifica: 21 Settembre 2019 17:52:09 da DMD »

Offline miki64

  • Moderatore
  • Post: 35960
Re:[TB 68.xx] Come rendere Dark il tema e aspetto cartelle.
« Risposta #10 il: 21 Settembre 2019 18:30:21 »
@michro: per quanto queste modifiche mi interessano poco, devo ammettere dai tuoi screenshot che hai fatto un lavoro da Aris!  :shock:
E questo è un complimento!  :D

Offline johnbubuz

  • Post: 6
Re:[TB 68.xx] Come rendere Dark il tema e aspetto cartelle.
« Risposta #11 il: 31 Ottobre 2019 13:33:10 »

Scusa, ma come hai fatto a cambiare le icone che si vedono nella seconda immagine ???



Buonasera.
Apro questo topic per capire come agire sullo Script UserChrome, tanto per iniziare ho untilizzato un codice preso qui nel forum, non è prorpio Dark ma grigio, basta agire sul codice colore HTML, che si può trovare a questo link, ma almeno attenua il bianco di fondo che a lungo andare mi stanca gli occhi.

Questo è il contenuto del file "userChrome.css" da inserire dentro la cartella "chrome", nel percorso:
 "C:\Users\NOME UTENTE\AppData\Roaming\Thunderbird\Profiles\xxxxxxxx.default"

Codice: [Seleziona]
* Cambia il colore di sfondo delle finestre degli account e dei messaggi */
treechildren {
background-color: #C0C0C0   !important; }

/* ----- Colorare di Rosso l'account sul pannello laterale se ci sono nuove mail --- */
    treechildren:-moz-tree-cell-text(folderNameCol, newMessages-true) {
color: red !important; /* red  */ }
 
 
/* ---- Per colorare il nome dell'account quando arriva un nuovo  messaggio --- */
    treechildren::-moz-tree-cell-text(folderNameCol, biffState-NewMail,
isServer-true),
    treechildren::-moz-tree-cell-text(folderNameCol, specialFolder-Inbox,
newMessages-true) { font-weight: bold !important; color: red !important;
/* red */ }
 
 
/* ------- Ci sono nuovi messaggi da leggere ----- */
    treechildren::-moz-tree-cell-text(container, closed, hasUnread, read) {
text-decoration: underline; color: red !important; /* red */ }
 
 
/* Modificare il colore delle Cartelle con messaggi non letti */
treechildren::-moz-tree-cell-text(hasUnreadMessages-true)    {color: blue
!important;}


Questo è la combinazione con il tema dark di default


Questo è la combinazione con il tema Nuvola:





Altro spunto potrebbe essere il DeLorean Dark Theme

Offline DMD

  • Post: 132
Re:[TB 68.xx] Come rendere Dark il tema e aspetto cartelle.
« Risposta #12 il: 31 Ottobre 2019 13:42:42 »
Con la release 68 non è più possibile usufruire del tema "nuvola", utilizzo il tema Dark con lo script userChrome.css.

Offline johnbubuz

  • Post: 6
Re:[TB 68.xx] Come rendere Dark il tema e aspetto cartelle.
« Risposta #13 il: 31 Ottobre 2019 13:44:27 »
Con la release 68 non è più possibile usufruire del tema "nuvola", utilizzo il tema Dark con lo script userChrome.css.

... e ti pareva ...

Offline danydabologna

  • Post: 44
[RISOLTO] Thunderbird - Sfondo Messaggio Selezionato
« Risposta #14 il: 16 Febbraio 2022 01:41:17 »
Ciao a tutti.
Come elimino o modifico il fastidioso colore azzurro che appare come sfondo sul messaggio selezionato ?
E' possibile farlo con "Editor di Configurazione" ? ....Grazie


« Ultima modifica: 19 Febbraio 2022 18:23:51 da danydabologna »

0 Utenti e 1 Visitatore stanno visualizzando questo topic.