Contenu | Rechercher | Menus

Annonce

Si vous avez des soucis pour rester connecté, déconnectez-vous puis reconnectez-vous depuis ce lien en cochant la case
Me connecter automatiquement lors de mes prochaines visites.

À propos de l'équipe du forum.

Pages : 1

#1 Le 28/02/2024, à 19:02

Poun64

Thunderbird 115 SuperNova - Mon thème Bluebird (userChrome.css)

Bonsoir toul'monde,

Vous avez peut-être constaté que le code "userChrome" de l'ancienne version "Tunderbird 102", n’opère plus sur la version actuelle SuperNova de Thunderbird.
Si comme moi vous souhaitez agrémenter son aspect, je vous propose la bidouille suivante :

Procédure :

1) Dans Thunderbird, faire :
    Édition => Paramètres => Onglet Général => Section "Langue et apparence"
        Décocher "Masquer la barre de titre de la fenêtre"
    Édition => Paramètres => Onglet Général => Tout en bas [Éditeur de paramètres]
        Saisir la clé "toolkit.legacyUserProfileCustomizations.stylesheets" et la passer à "True"

2) Installer le thème Bluebird pour Thunderbird 115
        Créer un dossier nommé "chrome" dans "/home/user/.thunderbird/xxxxxxxxx.default/
        Y coller le fichier "userChrome.css" contenant les instructions ci-dessous

3) Redémarrer Thunderbird pour que la modification soit prise en compte...

Contenu du fichier "usrChrome.css" :

/* ***************************** */
/* GESTION DES ENTÊTES		 */
/* ***************************** */

/* Ordre des barres */

/#toolbar-menubar {
  order: 1;
}

unified-toolbar {
  order: 2;
  margin: 2px !important; 
}

#tabs-toolbar {
  order: 3 ;
}

/* Couleur de la Barre des menus et des onglets non sélectionnés */

.menubar, toolbar, nav-bar, #TabsToolbar > *{
  background-color: #E3EFFB !important;
  color: #000000 !important;
}

/* Couleur de la Barre de recherche */

#unifiedToolbar {
  background: #E3EFFB !important;
}


/* ***************************** */
/*  GESTION DE LA ZONE À GAUCHE  */
/* ***************************** */

/* Couleur de fond de tout le panneau */

#folderPane {
  background-color: #E3EFFB !important;
}

/* Apparence des comptes */

#folderTree li[data-server-type] > .container > .name {
  color: white !important;			/* Police des comptes (Blanc) */
  font-weight: bold !important;
  background-color: #398EE7 !important;		/* Fond des comptes (Bleu) */
  padding-left: 10px !important;
  padding-right: 10px !important;
  margin: 2px !important;  
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  list-style-image: url("star.png") !important;
}
#folderTree li[data-server-type] > .container > .icon {
  background-image: url("star.png") !important;
}

/* Apparence des dossiers */

.container:hover {
  background-color: #BFD8F0 !important;		/* Bleu-gris => Fond des éléments au survol*/
}
li.selected > .container {
  color: white !important;
  background-color: #FAA92D !important;		/* Orange => Fond du dossier ouvert */
}
li.selected > .container:hover {
  background-color: #BFD8F0 !important;		/* Bleu-gris => Fond de l'élément sélectionné au survol */
}


/* ***************************** */
/*  GESTION DE LA ZONE À DROITE  */
/* ***************************** */

/* Couleur de fond de tout le panneau */

#threadTree {
  background-color: #EAF2FA !important;
}

/* Couleur de fond de la liste des mails */

table[is="tree-view-table"]{
  background: #EAF2FA !important;
}

/* Apparence des messages déjà lus */

tr[is="thread-row"]:hover {
  background-color: #BFD8F0 !important;		/* Bleu-gris => Fond des messages non sélectionnés au survol */
}
[is="tree-view-table-body"] > .selected {
  color: white !important;
  background-color: #9FCDF9 !important;		/* Bleu-ciel => Fond des messages sélectionnés */
  font-weight: bold !important;
}
[is="tree-view-table-body"] > .selected:hover {
  background-color: #BFD8F0 !important;		/* Bleu-gris => Fond des messages sélectionnés au survol */
}

/* Apparence des messages non lus */

#threadTree tbody [data-properties~="unread"] {
  color: #C40090 !important;			/* Mauve = Messages non lus */
  font-weight: bold !important;
}
#threadTree tbody .children.collapsed[data-properties~="hasUnread"][data-properties~="read"]
  :where(td, .subject-line) {
  text-decoration: underline;
  color: #C40090 !important;			/* Mauve => Discussions à développer avec messages non lus */
  font-weight: bold !important;
}

Evidemment, vous pouvez modifier les couleurs (#xxxxxx) pour qu'elles soient à votre goût.
Pour supprimer ce thème, il suffit de "poubelliser" le fichier "userChrome", c'est tout...

Mon thème "Bluebird" donne ceci : Thunderbird.png

Il y a un paramètre "css" que je n'ai pas réussi à trouver, c'est celui qui concerne le fond de la liste déroulante des menus...
Si quelqu'un a des idées, je suis preneur !

Amicalement

Dernière modification par Poun64 (Le 28/02/2024, à 19:39)

1) Xubuntu 22.04._LTS + Windows 10 - Gigabyte GA H77M - Intel Core I7 3770K / HD Graphics 4000 - 4 cœurs - 3,5 Ghz - 16 Go de RAM
2) Xubuntu 24.04._LTS + Windows 11 - Gigabyte H610M S2H - Intel I3-12100 / UHD Graphics 730 intégré - 4 cœurs - 3,3 Ghz - 16 Go de RAM
3) Xubuntu 22.04._LTS + Xubuntu 24.04 - Asus X751L - Intel I5-5200U - 4 cœurs - 2.20GHz - N'Vidia GeForce 920M - 12 Go de RAM

En ligne

#2 Le 03/03/2024, à 22:57

Poun64

Re : Thunderbird 115 SuperNova - Mon thème Bluebird (userChrome.css)

Bonsoir toul'monde !
Suis-je le seul à ne pas me satisfaire de l'apparence de cette nouvelle SuperNova ?
Quoiqu'il en soit, je publie ici mon ma nouvelle version du fichier "userChrome".

/* ****************************** */
/* GESTION DE TOUTES LES ENTÊTES  */
/* ****************************** */

/* Ordre des Barres */

/#toolbar-menubar {
  order: 1; }

unified-toolbar {
  order: 2;
  margin: 2px !important; }

#tabs-toolbar {
  order: 3 ; }

/* Couleur des Barres et des Onglets */

menubar > menu:hover {
  background-color: #B0E0E6 !important;  		/* Turquoise => Fond des boutons de la barre des menus au survol */
  border: 1px double #858585 !important;
  border-radius: 3px 3px 3px 3px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;			/* Taille des boutons de la barre des menus au survol */
  padding-top:      4px     !important;
  padding-bottom:   2px     !important;
  color: black !important; }

#unifiedToolbar {
  background: #E3EFFB !important; }			/* Bleu clair => Couleurs de la barre unifiée */

.unified-toolbar-button:hover {
  color:black !important;
  background-color: #B0E0E6 !important; }		/* Turquoise => Fond des boutons au survol */

.scrollbox-clip {
  background: #E9F0F8 !important; }			/* Bleu clair => Fond des sous-menus déroulants */

.menubar, toolbar, nav-bar, #TabsToolbar > *{
  background-color: #E3EFFB !important;			/* Bleu clair => Couleur de la barre des menus */
  color: #000000 !important; }

.tab-background {
  border-radius: 0px 0px 3px 3px !important;
  background-color: #BFD8F0 ! important;		/* Bleu-gris => Couleur des onglets non sélectionnés */
  border: 2px double #398EE7 !important; }		/* Bleu => Contour des onglets */

.tab-line {
  display: none; }					/* Suppression du liseret bleu de l'onglet actif */

#tabs-toolbar:not([brighttext]) button.tab-close-button:hover {
  background-color: #FAA92D !important;			/* Orange => Icône de fermeture des onglets au survol */
  color:            White  !important; }

.tabmail-tab:hover .tab-background {
  background-color: #B0E0E6 ! important; }		/* Turquoise => Fond des onglets non sélectionnés au survol */


/* ******************************************** */
/*  COURRIER : GESTION DE LA ZONE DES DOSSIERS  */
/* ******************************************** */

/* Couleur de fond de tout le panneau des dossiers */

#folderPane {
  background-color: #E3EFFB !important; }

/* Apparence des comptes */

#folderTree li[data-server-type] > .container > .name {
  color: white !important;				/* Blanc => Police des comptes */
  font-weight: bold !important;
  background-color: #398EE7 !important;			/* Bleu => Fond des comptes */
  padding-left: 10px !important;
  padding-right: 10px !important;
  margin: 2px !important;  
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  list-style-image: url("star.png") !important; }

#folderTree li[data-server-type] > .container > .icon {
  background-image: url("star.png") !important; }

/* Apparence des dossiers */

.container:hover {
  background-color: #BFD8F0 !important;	}		/* Bleu-gris => Fond des éléments au survol */

li.selected > .container {
  color: white !important;
  background-color: #FAA92D !important;	}		/* Orange => Fond du dossier ouvert */

li.selected > .container:hover {
  background-color: #BFD8F0 !important;	}		/* Bleu-gris => Fond de l'élément sélectionné au survol */


/* ***************************************** */
/*  COURRIER : GESTION DE LA ZONE DES MAILS  */
/* ***************************************** */

/* Couleurs de fond dans le panneau des mails */

#threadTree {
  background-color: #EAF2FA !important; }		/* Bleu clair => Couleur de fond de tout le panneau */

table[is="tree-view-table"]{
  background: #EAF2FA !important; }			/* Bleu clair => Couleur de fond de la liste des mails */

.message-header-container {
/* height: 110px !important; */
background-color: #DEECFA !important; }			/* Bleu clair => Couleur de fond de l'entête des messages */

.message-header-container:hover {
/* height: 110px !important; */
background-color: #DEECFA !important; }			/* Bleu clair => Couleur de fond de l'entête des messages au survol */

/* Apparence des messages déjà lus */

tr[is="thread-row"]:hover {
  background-color: #BFD8F0 !important;	}		/* Bleu-gris => Fond des messages non sélectionnés au survol */

[is="tree-view-table-body"] > .selected {
  color: #005ABE !important;				/* Bleu foncé => Police des messages sélectionnés */
  background-color: #9FCDF9 !important;			/* Bleu-ciel => Fond des messages sélectionnés */
  font-weight: bold !important; }

[is="tree-view-table-body"] > .selected:hover {
  background-color: #BFD8F0 !important;	}		/* Bleu-gris => Fond des messages sélectionnés au survol */

/* Entête du tableau des messages */

#threadTree button:not(#threadTree tbody button) {
  background-color: #DEECFA !important;	}		/* Bleu clair => Fond de l'entête du tableau des messages */

#threadTree button:not(#threadTree tbody button):hover {
  background-color: #B0E0E6 !important;	}		/* Tuquoise => Fond de l'entête du tableau des messages au survol */

/* Apparence des messages non lus */

#threadTree tbody [data-properties~="unread"] {
  color: #C40090 !important;				/* Mauve = Messages non lus */
  font-weight: bold !important; }

#threadTree tbody .children.collapsed[data-properties~="hasUnread"][data-properties~="read"]
  :where(td, .subject-line) {
  text-decoration: underline;
  color: #C40090 !important;				/* Mauve => Discussions à développer contenant des messages non lus */
  font-weight: bold !important; }

Une entrée me résiste encore, c'est la couleur de fond de l'onglet actif qui reste tout blanc désespérément...
Je n'arrive pas à trouver son identifiant avec l'outil de développement intégré à Thunderbird...

Dernière modification par Poun64 (Le 04/03/2024, à 04:42)

1) Xubuntu 22.04._LTS + Windows 10 - Gigabyte GA H77M - Intel Core I7 3770K / HD Graphics 4000 - 4 cœurs - 3,5 Ghz - 16 Go de RAM
2) Xubuntu 24.04._LTS + Windows 11 - Gigabyte H610M S2H - Intel I3-12100 / UHD Graphics 730 intégré - 4 cœurs - 3,3 Ghz - 16 Go de RAM
3) Xubuntu 22.04._LTS + Xubuntu 24.04 - Asus X751L - Intel I5-5200U - 4 cœurs - 2.20GHz - N'Vidia GeForce 920M - 12 Go de RAM

En ligne

#3 Le 05/03/2024, à 23:40

Coeur Noir

Re : Thunderbird 115 SuperNova - Mon thème Bluebird (userChrome.css)

Hello,

je n'ai pas étudié « activement » les modif's que tu proposes mais dans une tentative d'accorder le thème sombre de TB avec Yaru-dark, j'en étais là :

/* Thunderbird userChrome.css */

* {
/* couleur icône compte ( enveloppe ) */
  --primary: rgba(233, 84, 32, 1) ;

/* bouton nouveau message ou nouvel événement */
--button-primary-hover-background-color: rgba(233, 84, 32, 0.9) ;
--button-primary-background-color: rgba(233, 84, 32, 0.7) ;
--button-primary-border-color: rgba(233, 84, 32, 1) ;

/* panneau dossiers */
  --treeitem-background-hover: rgba(233, 84, 32, 0.2) ;
  --treeitem-background-active: rgba(233, 84, 32, 0.7) ;
  --treeitem-background-selected: rgba(233, 84, 32, 1) ;

/* liste messages */
  --listbox-selected-bg: rgba(233, 84, 32, 0.7) ;
  --listbox-hover: rgba(233, 84, 32, 0.4) ;
  --listbox-focused-selected-bg: rgba(233, 84, 32, 1) ;

/* agenda */
/* mini month, à gauche */
--selected-item-color: rgba(233, 84, 32, 0.7) ;
--mmHighlightBackground: rgba(233, 84, 32, 0.9) ;
--mmDaySelectedBackground: rgba(233, 84, 32, 0.2) ;
--mmDaySelectedBorderColor: rgba(233, 84, 32, 0.7) ;
--mmDaySelectedTodayBackground: rgba(233, 84, 32, 0.2) ;
--mmDaySelectedTodayBorderColor: rgba(233, 84, 32, 0.9) ;
--mmDayBusyColor: rgba(233, 84, 32, 0.9) ;
/* vue complète, à droite */
--viewHighlightBorderColor: rgba(233, 84, 32, 0.9) ;
--viewTodayDayLabelBackground: rgba(233, 84, 32, 0.9) ;
--viewDayLabelSelectedBackground: rgba(233, 84, 32, 0.7) ;
--viewHeaderSelectedBackground: rgba(233, 84, 32, 0.7) ;
--viewDayBoxSelectedBackground: rgba(233, 84, 32, 0.2) ;
--viewDayBoxOtherSelectedBackground: rgba(233, 84, 32, 0.2) ;
--viewDayBoxOffSelectedBackground: rgba(233, 84, 32, 0.2) ;
--viewTodayWeekendBackground: rgba(233, 84, 32, 0.2) ;
--viewDragboxBackground: rgba(233, 84, 32, 0.4) ;
--viewDropshadowBackground: rgba(233, 84, 32, 0.4) ;
}

/* couleur soulignement onglet */
.tab-line[selected=true] {
  background-color: #e95420 !important;
}

…peut-être y verras-tu une piste pour la couleur de l'onglet ? ? ?

C'est issu de cette discussion → https://forum.ubuntu-fr.org/viewtopic.php?id=2081200 → avec des intervenants bien plus « calés » que moi.

Dernière modification par Coeur Noir (Le 06/03/2024, à 02:04)

Débuter ⋅ Doc ⋅ Bien rédiger ⋅ Retour commande ⋅ Insérer image | illustrations & captures d'écran < ⋅ >

Hors ligne

#4 Le 06/03/2024, à 04:57

Poun64

Re : Thunderbird 115 SuperNova - Mon thème Bluebird (userChrome.css)

Bonsoir Cœur Noir, merci pour ton retour.

Sur mon Thunderbird 115 en utilisant le thème Greybird, seule ton entrée :

/* couleur soulignement onglet */
.tab-line[selected=true] {
  background-color: #e95420 !important; }

agit chez-moi en coloriant d'orange la ligne au dessus de l'onglet actif (bleu à l'origine)...
C'est d'ailleurs une entrée que j'ai inhibée dans mon "userChromme.css" au profit de l'encadrement de tous les onglets : 

.tab-line {
  display: none; }					/* Suppression du liseret bleu de l'onglet actif */

C'est la couleur de fond de l'onglet actif que je cherche à modifier, pour les onglets non actifs j'ai trouvé...

Amicalement

Dernière modification par Poun64 (Le 06/03/2024, à 05:03)

1) Xubuntu 22.04._LTS + Windows 10 - Gigabyte GA H77M - Intel Core I7 3770K / HD Graphics 4000 - 4 cœurs - 3,5 Ghz - 16 Go de RAM
2) Xubuntu 24.04._LTS + Windows 11 - Gigabyte H610M S2H - Intel I3-12100 / UHD Graphics 730 intégré - 4 cœurs - 3,3 Ghz - 16 Go de RAM
3) Xubuntu 22.04._LTS + Xubuntu 24.04 - Asus X751L - Intel I5-5200U - 4 cœurs - 2.20GHz - N'Vidia GeForce 920M - 12 Go de RAM

En ligne

#5 Le 12/03/2024, à 17:56

Poun64

Re : Thunderbird 115 SuperNova - Mon thème Bluebird (userChrome.css)

Bonsoir Cœur Noir, bonsoir toul'monde !

Poun64 a écrit :

C'est la couleur de fond de l'onglet actif que je cherche à modifier, pour les onglets non actifs j'ai trouvé...

Pour l'onglet actif, j'ai fini par trouver. Solution :

.tab-background[selected="true"] {			/* Jaune clair => Couleur de l'onglet actif */
 background-image: linear-gradient(var(--lwt-selected-tab-background-color, #FFF4BF), var(--lwt-selected-tab-background-color, #FFF4BF)) !important }

Mon fichier "userChrome" est devenu au 19/03/2024 :

/* ****************************** */
/* GESTION DE TOUTES LES EN-TÊTES */
/* ****************************** */

/* Ordre des Barres */

/#toolbar-menubar {
  order: 1; }

unified-toolbar {
  order: 2;
  margin: 2px !important; }

#tabs-toolbar {
  order: 3 ; }

/* Couleur des Barres, des boutons et des Onglets */

menubar > menu:hover {
  background-color: #B0E0E6 !important;  		/* Turquoise => Fond des boutons de la barre des menus au survol */
  border: 1px double #858585 !important;
  border-radius: 3px 3px 3px 3px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;			/* Taille des boutons de la barre des menus au survol */
  padding-top:      4px     !important;
  padding-bottom:   2px     !important;
  color: black !important; }

#unifiedToolbar {
  background: #E3EFFB !important; }			/* Bleu clair => Couleurs de la barre unifiée */

#spacesPinnedButton {
color: blue !important;
  background-color: #CEE2F6 ! important;		/* Bleu-gris => Couleur du bouton "Barre latérale à gauche de la barre unifiée */
  border: 1px double black !important; }

.unified-toolbar-button {
  color: black !important;
  background-color: #CEE2F6 !important; }		/* Bleu-gris => Couleur arrière-plan des boutons de la barre unifiée */

.unified-toolbar-button:hover {
  color:black !important;
  background-color: #B0E0E6 !important; }		/* Turquoise => Fond des boutons au survol */

.scrollbox-clip {
  background: #E9F0F8 !important; }			/* Bleu clair => Fond des sous-menus déroulants */

.menubar, toolbar, nav-bar, #TabsToolbar > *{
  background-color: #E3EFFB !important;			/* Bleu clair => Couleur de la barre des menus */
  color: #000000 !important; }

.tab-background {
  border-radius: 0px 0px 3px 3px !important;
  background-color: #CEE2F6 !important;			/* Bleu-gris => Couleur des onglets non sélectionnés */
  border: 2px double #398EE7 !important; } 		/* Bleu => Contour des onglets */

.tab-background[selected="true"] {			/* Jaune clair => Couleur de l'onglet actif */
 background-image: linear-gradient(var(--lwt-selected-tab-background-color, #FFF4BF), 
 var(--lwt-selected-tab-background-color, #FFF4BF)) !important }
							
.tab-line {
  display: none; }					/* Suppression du liseret bleu de l'onglet actif */

.tabmail-tab:hover .tab-background {
  background-color: #B0E0E6 !important; }		/* Turquoise => Fond des onglets non sélectionnés au survol */

#tabs-toolbar:not([brighttext]) button.tab-close-button:hover {
  background-color: #FAA92D !important;			/* Orange => Icône de fermeture des onglets au survol */
  color:            White  !important; }

.button-appmenu {
  color: blue !important;
  background-color: #CEE2F6 ! important;		/* Bleu-gris => Couleur du bouton Menu "Burger" */
  border: 1px double black !important; }

.button-appmenu:hover {
  background-color: #B0E0E6 ! important; }		/* Turquoise => Couleur du bouton Menu "Hamburger" au survol */


/* ******************************************** */
/*  COURRIER : GESTION DE LA ZONE DES DOSSIERS  */
/* ******************************************** */

/* Couleur de fond de tout le panneau des dossiers */

#folderPane {
  background-color: #E3EFFB !important; }

/* Apparence des comptes */

#folderTree li[data-server-type] > .container > .name {
  color: white !important;				/* Blanc => Police des comptes */
  font-weight: bold !important;
  background-color: #398EE7 !important;			/* Bleu => Fond des comptes */
  padding-left: 10px !important;
  padding-right: 10px !important;
  margin: 2px !important;  
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  list-style-image: url("star.png") !important; }

#folderTree li[data-server-type] > .container > .icon {
  background-image: url("star.png") !important; }

/* Apparence des dossiers */

.container:hover {
  background-color: #BFD8F0 !important;	}		/* Bleu-gris => Fond des éléments au survol */

li.selected > .container {
  color: white !important;
  background-color: #FAA92D !important;	}		/* Orange => Fond du dossier ouvert */

li.selected > .container:hover {
  background-color: #BFD8F0 !important;	}		/* Bleu-gris => Fond de l'élément sélectionné au survol */


/* ***************************************** */
/*  COURRIER : GESTION DE LA ZONE DES MAILS  */
/* ***************************************** */

/* Couleurs de fond dans le panneau des mails */

#threadTree {
  background-color: #EAF2FA !important; }		/* Bleu clair => Couleur de fond de tout le panneau */

table[is="tree-view-table"]{
  background: #EAF2FA !important; }			/* Bleu clair => Couleur de fond de la liste des mails */

.message-header-container {
/* height: 110px !important; */
background-color: #DEECFA !important; }			/* Bleu clair => Couleur de fond de l'entête des messages */

.message-header-container:hover {
/* height: 110px !important; */
background-color: #DEECFA !important; }			/* Bleu clair => Couleur de fond de l'entête des messages au survol */

.account-central-header {
background-color: #DEECFA !important; }			/* Bleu clair => Fond supérieur si l'en-tête d'un compte est sélectionné */

.account-central-section {
background-color: #E9F0F8 !important; }			/* Bleu-ciel => Fond médian si l'en-tête d'un compte est sélectionné */

/* Apparence des messages déjà lus */

#expandedsubjectBox {
  font-size: 3.1mm !important;
  color: #005ABE !important; }				/* Bleu => Couleur police du sujet des messages recus */

tr[is="thread-row"]:hover {
  background-color: #BFD8F0 !important;	}		/* Bleu-gris => Fond des messages non sélectionnés au survol */

[is="tree-view-table-body"] > .selected {
  color: #005ABE !important;				/* Bleu foncé => Police des messages sélectionnés */
  background-color: #B0E0E6 !important;	}		/* Turquoise => Fond des messages sélectionnés */

[is="tree-view-table-body"] > .selected:hover {
  background-color: #CEE2F6 !important;	}		/* Bleu-gris => Fond des messages sélectionnés au survol */

/* Apparence des boutons d'action sur les mais */

#hdrReplyToSenderButton, [label="Répondre"] {
  color: green !important; }				/* Vert => Police du bouton "Répondre" */

#hdrReplyAllButton, [label="Répondre à tous"] {
  color: green !important; }				/* Vert => Police du bouton "Répondre à tous" */

#hdrJunkButton, [label="Indésirable"] {
  color: #FF9900 !important; }				/* Orange => Police du bouton "Indésirable" */

#button-deleteAllAttachments, [label="Supprimer"] {
  color: red !important;  }				/* Rouge => Police du bouton "Supprimer" */

#hdrArchiveButton {
  display: none !important; }				/* Masquer le bouton "Archiver" */

/* Entête du tableau des messages */

#threadTree button:not(#threadTree tbody button) {
  background-color: #DEECFA !important;	}		/* Bleu clair => Fond de l'entête du tableau des messages */

#threadTree button:not(#threadTree tbody button):hover {
  background-color: #B0E0E6 !important;	}		/* Tuquoise => Fond de l'entête du tableau des messages au survol */

/* Apparence des messages non lus */

#threadTree tbody [data-properties~="unread"] {
  color: #C40090 !important;				/* Mauve = Messages non lus */
  font-weight: bold !important; }

#threadTree tbody .children.collapsed[data-properties~="hasUnread"][data-properties~="read"]
  :where(td, .subject-line) {
  text-decoration: underline;
  color: #C40090 !important;				/* Mauve => Discussions à développer contenant des messages non lus */
  font-weight: bold !important; }

/* Entête de l'écran écrire un message */

#button-send {
  color:black !important;
  background-color: #CEE2F6 !important;	}		/* Bleu-gris => Couleur du bouton "Envoyer" */

#button-send:hover {
  color:black !important;
  border: 1px double #858585 !important;
  background-color: #B0E0E6 !important; }		/* Tuquoise => Couleur du bouton "Envoyer" au survol */

#spellingButton {
  color:black !important;
  background-color: #CEE2F6 !important;	}		/* Bleu-gris => Couleur du bouton "Orthographe" */

#spellingButton:hover {
  color:black !important;
  background-color: #BBEEF4 !important; }		/* Tuquoise clair => Couleur du bouton "Orthographe" au survol */

#button-save {
  color:black !important;
  background-color: #CEE2F6 !important;	}		/* Bleu-gris => Couleur du bouton "Enregistrer" */

#button-save:hover {
  color:black !important;
  background-color: #BBEEF4 !important; }		/* Tuquoise clair => Couleur du bouton "Enregistrer" au survol */

#button-attach {
  color:black !important;
  background-color: #CEE2F6 !important;	}		/* Bleu-gris => Couleur du bouton "Joindre" */

#button-attach:hover {
  color:black !important;
  background-color: #BBEEF4 !important; }		/* Tuquoise clair => Couleur du bouton "Joindre" au survol */

/* Couleur du fond et des textes de toutes les zone de notification */

.container.infobar {
  color:red !important; 				/* Rouge => Police des notifications */
  font-weight: bold !important;
  font-size: 3.8mm !important;
  background-color: #FFF4BF !important; }		/* Jaune => Fond des notifications */

Dernière modification par Poun64 (Le 19/03/2024, à 22:06)

1) Xubuntu 22.04._LTS + Windows 10 - Gigabyte GA H77M - Intel Core I7 3770K / HD Graphics 4000 - 4 cœurs - 3,5 Ghz - 16 Go de RAM
2) Xubuntu 24.04._LTS + Windows 11 - Gigabyte H610M S2H - Intel I3-12100 / UHD Graphics 730 intégré - 4 cœurs - 3,3 Ghz - 16 Go de RAM
3) Xubuntu 22.04._LTS + Xubuntu 24.04 - Asus X751L - Intel I5-5200U - 4 cœurs - 2.20GHz - N'Vidia GeForce 920M - 12 Go de RAM

En ligne

#6 Le 04/04/2024, à 03:47

Poun64

Re : Thunderbird 115 SuperNova - Mon thème Bluebird (userChrome.css)

Mon fichier "userChrome" au 4 avril 2024 :

/* ****************************** */
/* GESTION DE TOUTES LES EN-TÊTES */
/* ****************************** */

/* Ordre des Barres */

/#toolbar-menubar {
  order: 1; }

unified-toolbar {
  order: 2;
  margin: 2px !important; }

#tabs-toolbar {
  order: 3 ; }

/* Couleur des Barres, des boutons et des Onglets */

menubar > menu:hover {
  background-color: #B0E0E6 !important;  		/* Turquoise => Fond des boutons de la barre des menus au survol */
  border: 1px double #858585 !important;
  border-radius: 3px 3px 3px 3px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;			/* Taille des boutons de la barre des menus au survol */
  padding-top:      4px     !important;
  padding-bottom:   2px     !important;
  color: black !important; }

#unifiedToolbar {
  background: #E3EFFB !important; }			/* Bleu clair => Couleurs de la barre unifiée */

#spacesPinnedButton {
  color: blue !important;
  background-color: #CEE2F6 ! important;		/* Bleu-gris => Couleur du bouton "Barre latérale à gauche de la barre unifiée */
  border: 1px double black !important; }

.unified-toolbar-button {
  color: black !important;
  background-color: #CEE2F6 !important; }		/* Bleu-gris => Couleur arrière-plan des boutons de la barre unifiée */

.unified-toolbar-button:hover {
  color:black !important;
  background-color: #B0E0E6 !important; }		/* Turquoise => Fond des boutons au survol */

.scrollbox-clip {
  background: #E9F0F8 !important; }			/* Bleu clair => Fond des sous-menus déroulants */

.menubar, toolbar, nav-bar, #TabsToolbar > *{
  background-color: #E3EFFB !important;			/* Bleu clair => Couleur de la barre des menus */
  color: #000000 !important; }

.tab-background {
  border-radius: 0px 0px 3px 3px !important;
  background-color: #CEE2F6 !important;			/* Bleu-gris => Couleur des onglets non sélectionnés */
  border: 2px double #398EE7 !important; } 		/* Bleu => Contour des onglets */

.tab-background[selected="true"] {			/* Jaune clair => Couleur de l'onglet actif */
 background-image: linear-gradient(var(--lwt-selected-tab-background-color, #FFF4BF), 
 var(--lwt-selected-tab-background-color, #FFF4BF)) !important }
							
.tab-line {
  display: none; }					/* Suppression du liseret bleu de l'onglet actif */

.tabmail-tab:hover .tab-background {
  background-color: #B0E0E6 !important; }		/* Turquoise => Fond des onglets non sélectionnés au survol */

#tabs-toolbar:not([brighttext]) button.tab-close-button:hover {
  background-color: #FAA92D !important;			/* Orange => Icône de fermeture des onglets au survol */
  color: White  !important; }

.button-appmenu {
  color: blue !important;
  background-color: #CEE2F6 !important;			/* Bleu-gris => Couleur du bouton Menu "Burger" */
  border: 1px double black !important; }

.button-appmenu:hover {
  background-color: #B0E0E6 ! important; }		/* Turquoise => Couleur du bouton Menu "Hamburger" au survol */


/* ******************************************** */
/*  COURRIER : GESTION DE LA ZONE DES DOSSIERS  */
/* ******************************************** */

/* Couleurs de l'en-tête du panneau des dossiers */

#folderPaneHeaderBar:not([hidden]) {
  border: 1px double #C4C4C4 !important;
  height: 19px !important;
  background-color: #B0E0E6 !important ; }		/* Turquoise => Couleur de l'en-tête du panneau des dossiers */

#folderPaneGetMessages:hover {
  background-color: #FAA92D !important;			/* Orange => Couleur du bouton "Relever les nouveaux messages" au survol */
  color: white !important; }

#folderPaneWriteMessage {
  background-color: #00AD9D !important;			/* Vert => Couleur du bouton "Nouveau message" */
  color: white !important;
  font-weight: bold !important;
  background-image: var(--folder-pane-icon-new); }

#folderPaneWriteMessage:hover {
  background-color: #FAA92D !important;			/* Orange => Couleur du bouton "Nouveau message" au survol */
  color: White  !important; }

#folderPaneMoreButton:hover {
  background-color: #FAA92D !important;			/* Orange => Couleur du bouton "Options" au survol */
  color: White  !important; }

/* Couleur de fond de tout le panneau des dossiers */

#folderPane {
  background-color: #E3EFFB !important; }

/* Apparence des comptes */

#folderTree li[data-server-type] > .container > .name {
  color: white !important;				/* Blanc => Police des comptes */
  font-weight: bold !important;
  background-color: #398EE7 !important;			/* Bleu => Fond des comptes */
  padding-left: 10px !important;
  padding-right: 10px !important;
  margin: 2px !important;  
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  list-style-image: url("star.png") !important; }

#folderTree li[data-server-type] > .container > .icon {
  background-image: url("star.png") !important; }

/* Apparence des dossiers */

.container:hover {
  background-color: #BFD8F0 !important;	}		/* Bleu-gris => Fond des éléments au survol */

li.selected > .container {
  color: white !important;
  font-weight: bold !important;
  background-color: #FAA92D !important;	}		/* Orange => Fond du dossier ouvert */

li.selected > .container:hover {
  background-color: #BFD8F0 !important;	}		/* Bleu-gris => Fond de l'élément sélectionné au survol */


/* ***************************************** */
/*  COURRIER : GESTION DE LA ZONE DES MAILS  */
/* ***************************************** */

/* Apparence des boutons d'action sur les messages */

#hdrReplyToSenderButton, [label="Répondre"] {
  color: green !important; }				/* Vert => Police du bouton "Répondre" */

#hdrReplyAllButton, [label="Répondre à tous"] {
  color: green !important; }				/* Vert => Police du bouton "Répondre à tous" */

#hdrJunkButton, [label="Indésirable"] {
  color: #FF9900 !important; }				/* Orange => Police du bouton "Indésirable" */

#button-deleteAllAttachments, [label="Supprimer"] {
  color: red !important;  }				/* Rouge => Police du bouton "Supprimer" */

#hdrArchiveButton {
  display: none !important; }				/* Masquer le bouton "Archiver" */

/* Entête du tableau des messages */

#threadTree button:not(#threadTree tbody button) {
  background-color: #D6E7F8 !important;			/* Bleu clair => Fond de l'entête du tableau des messages */
  font-size: 3.5mm !important;
  font-weight: bold !important;
  color: #0500B4 !important; }				/* Bleu foncé => Police de l'entête du tableau des messages */	

#threadTree button:not(#threadTree tbody button):hover {
  background-color: #B0E0E6 !important;	}		/* Tuquoise => Fond de l'entête du tableau des messages au survol */

/* Couleurs de fond dans le panneau des mails */

#threadTree {
  background-color: #EAF2FA !important; }		/* Bleu clair => Couleur de fond de tout le panneau */

table[is="tree-view-table"]{
background: #EAF2FA !important; }			/* Bleu clair => Couleur de fond de la liste des mails */

.message-header-container {
/* height: 110px !important; */
background-color: #DEECFA !important; }			/* Bleu clair => Couleur de fond de l'entête des messages */

.message-header-container:hover {
/* height: 110px !important; */
  background-color: #DEECFA !important; }		/* Bleu clair => Couleur de fond de l'entête des messages au survol */

.account-central-header {
  background-color: #DEECFA !important; }		/* Bleu clair => Fond supérieur si l'en-tête d'un compte est sélectionné */

.account-central-section {
  background-color: #E9F0F8 !important; }		/* Bleu-ciel => Fond médian si l'en-tête d'un compte est sélectionné */

/* Apparence des messages déjà lus */

#expandedsubjectBox {
  font-size: 3.1mm !important;
  color: #005ABE !important; }				/* Bleu => Couleur police du sujet des messages recus */

tr[is="thread-row"]:hover {
  background-color: #BFD8F0 !important;	}		/* Bleu-gris => Fond des messages non sélectionnés au survol */

[is="tree-view-table-body"] > .selected {
  color: #005ABE !important;				/* Bleu foncé => Police des messages sélectionnés */
  background-color: #B0E0E6 !important;	}		/* Turquoise => Fond des messages sélectionnés */

[is="tree-view-table-body"] > .selected:hover {
  background-color: #CEE2F6 !important;	}		/* Bleu-gris => Fond des messages sélectionnés au survol */

/* Apparence des messages non lus */

#threadTree tbody [data-properties~="unread"] {
  color: #C40090 !important;				/* Mauve = Messages non lus */
  font-weight: bold !important; }

#threadTree tbody .children.collapsed[data-properties~="hasUnread"][data-properties~="read"]
  :where(td, .subject-line) {
  text-decoration: underline;
  color: #C40090 !important;				/* Mauve => Discussions à développer contenant des messages non lus */
  font-weight: bold !important; }

/* Entête de l'écran écrire un message */

#button-send {
  color:black !important;
  background-color: #CEE2F6 !important;	}		/* Bleu-gris => Couleur du bouton "Envoyer" */

#button-send:hover {
  color:black !important;
  border: 1px double #858585 !important;
  background-color: #B0E0E6 !important; }		/* Tuquoise => Couleur du bouton "Envoyer" au survol */

#spellingButton {
  color:black !important;
  background-color: #CEE2F6 !important;	}		/* Bleu-gris => Couleur du bouton "Orthographe" */

#spellingButton:hover {
  color:black !important;
  background-color: #BBEEF4 !important; }		/* Tuquoise clair => Couleur du bouton "Orthographe" au survol */

#button-save {
  color:black !important;
  background-color: #CEE2F6 !important;	}		/* Bleu-gris => Couleur du bouton "Enregistrer" */

#button-save:hover {
  color:black !important;
  background-color: #BBEEF4 !important; }		/* Tuquoise clair => Couleur du bouton "Enregistrer" au survol */

#button-attach {
  color:black !important;
  background-color: #CEE2F6 !important;	}		/* Bleu-gris => Couleur du bouton "Joindre" */

#button-attach:hover {
  color:black !important;
  background-color: #BBEEF4 !important; }		/* Tuquoise clair => Couleur du bouton "Joindre" au survol */

/* Couleur du fond et des textes de toutes les zone de notification */

.container.infobar {
  color:red !important; 				/* Rouge => Police des notifications */
  font-weight: bold !important;
  font-size: 3.8mm !important;
  background-color: #FFF4BF !important; }		/* Jaune => Fond des notifications */

1) Xubuntu 22.04._LTS + Windows 10 - Gigabyte GA H77M - Intel Core I7 3770K / HD Graphics 4000 - 4 cœurs - 3,5 Ghz - 16 Go de RAM
2) Xubuntu 24.04._LTS + Windows 11 - Gigabyte H610M S2H - Intel I3-12100 / UHD Graphics 730 intégré - 4 cœurs - 3,3 Ghz - 16 Go de RAM
3) Xubuntu 22.04._LTS + Xubuntu 24.04 - Asus X751L - Intel I5-5200U - 4 cœurs - 2.20GHz - N'Vidia GeForce 920M - 12 Go de RAM

En ligne

#7 Le 17/04/2024, à 17:33

repsorp

Re : Thunderbird 115 SuperNova - Mon thème Bluebird (userChrome.css)

Salut Coeur Noir

super le thème sombre qui s'accorde très bien avec Betterbird le fork de Thunderbird
As-tu avancé sur les éléments qui apparaissent encore en bleu au lieu du orange Ubuntu ou as-tu laissé tomber ?

Dernière modification par repsorp (Le 17/04/2024, à 18:11)

Hors ligne

#8 Le 17/04/2024, à 18:28

Coeur Noir

Re : Thunderbird 115 SuperNova - Mon thème Bluebird (userChrome.css)

J'ai plus ou moins laissé tomber car c'est un sujet en cours d'amélioration upstream chez TB. La version 127 est semble-t-il l'objectif.

https://bugzilla.mozilla.org/show_bug.cgi?id=1890993 ⋅ https://hg.mozilla.org/comm-central/rev/358df692a1ca

Le deuxième lien montre ce qui a été modifié concernant la partie « calendar ».

Débuter ⋅ Doc ⋅ Bien rédiger ⋅ Retour commande ⋅ Insérer image | illustrations & captures d'écran < ⋅ >

Hors ligne

#9 Le 18/04/2024, à 11:40

repsorp

Re : Thunderbird 115 SuperNova - Mon thème Bluebird (userChrome.css)

Plutot bonnes nouvelles alors cette amélioration
Je vais essayer de lire ça si c'est pas trop technique
Merci à toi

Hors ligne

Pages : 1