FAQ de Thunderbird - Le fichier Userchrome.css 
Dernières mise à jour : 24.09.18

  • A savoir : Certains codes peuvent ne pas fonctionner suivant la version de Thunderbird utilisée !
    Mes essais on été fait avec Windows, en effet sous linux par exemple certains codes sont inopérants.
    Certains codes fonctionnent aussi sur SeaMonkey.
    Et il est conseillé d'utiliser le thème par défaut pour les essais.

  • 31.01.14-Dernières mise à jour : 24.09.18
  • Changer la couleur de l'Arrière-plan du panneau des dossiers

  • code du fichier UserChrome.css :
  •   /* changer la couleur de l'AP du panneau des dossiers-ok TB60 et SM 2.49.3 */
        #folderTree   {
            background-color: #F2F2F2 !important;
        }


    Capture 1
    Captures/TBird/arp_cpte_LP.png


  • Attention: Le résultat peut-être différent suivant le thème choisi.
  • Pour le code hexadécimal des couleurs voir » ici « , ou » ici « , ou encore » ici « .

  • Retour à la FAQ       
    Dernières mise à jour : 27.11.18
  • 1.Changer les icônes de mes dossiers (avec UserChrome.css).

  • On peut effectivement via un fichier Userchrome.ccs modifier les icônes des dossiers.
    Et après de nombreux essais (n'étant pas programmeur je n'ai pas compté les jours) j'ai enfin réussi.
  • Cette méthode est assez compliquée.
    En gros:
  • Dans un premier temps il faut chercher/choisir les icônes qui serviront de modèle
  • Perso j'ai pris des icônes de différents thèmes (Nuvola,classictb2 etc..).
  • Ensuite les copier dans un nouveau sous-dossier dans le dossier Chrome.
  • Exemple dans Chrome j'ai créé un sous-dossier skin et un sous-dossier nuvola.
  • Ensuite ajouter les lignes de code dans le fichier Userchrome.css.
  • Exemple pour changer l'icône des comptes Imap et Pop :
      /* Changer ICONE des COMPTES IMAP-ok TB60,SeaMonkey 2.49.3-08.2018 */
        .tabmail-tab[type=folder][IsServer=true][ServerType=imap],
        treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-imap)
        {   list-style-image: url(skin/nuvola/server-news.png) !important;   }


      /*IMAP nouveaux messages = ROUGE -ok TB60,SeaMonkey 2.49.3-08.2018 */
        treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-imap,
        biffState-NewMail) ,
        treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-imap,
        newMessages-true)   {
        list-style-image: url(skin/nuvola/server-news-new.png) !important;   }


      /* Changer ICONE des COMPTES POP-ok TB60,SeaMonkey 2.49.3-08.2018 */
        .tabmail-tab[type=folder][IsServer=true][ServerType=pop3],
        treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-pop3)
        {   list-style-image: url(skin/J2m06/server-remote.png) !important;   }


      /*POP nouveaux messages = ROUGE - ok TB60,SeaMonkey 2.49.3-08.2018 */
        .tabmail-tab[type=folder][IsServer=true][ServerType=pop3],
        treechildren::-moz-tree-image(folderNameCol, isServer-true,
        serverType-pop3, newMessages-true) {
        list-style-image: url(skin/J2m06/server-remote-new.png) !important;  }


    Capture 1 - Résultat avec 3 comptes en Imap (dont 1 (en rouge) a reçu des nouveaux messages)
    Captures/TBird/UC_liste_comptes.png


    Capture 2, 3 - ce que cela donne une fois toutes les icônes personnalisées
    Captures/TBird/arp_cpte_LP.png    Captures/TBird/arp_cpte_doss_unif_LP.png


    La couleur des dossiers ADV-BSC et Dossier perso a été modifié avec l'extension Color Folders.





  • 2.Changer les icônes de mes dossiers (avec QuickFolders).

  • Condition préalable: Installez l'extension QuickFolders
    Si besoin voir » ici (§5) comment installer un extension «.
  • Puis clic-droit sur le dossier et choisissez : Personnaliser l'icône...

  • Capture 1
    Captures/TBird/quic_folders1.png


  • Recherchez et sélectionnez une icône sur votre disque.

  • Résultat avec TB31 et QuickFolders
    Captures/TBird/quic_folders2.png

    La couleur des dossiers (DIVERS et ESAT) est obtenue avec l'extension Color folders.

    Capture 2 - Résultat si on a mis des raccourcis dans la barre supérieure. Voir » ici « .
    Captures/TBird/quic_folders3.png

    Retour à la FAQ       
    23.07.14-Dernières mise à jour : 29.08.18
  • Changer la taille de la "police" des caractères.

  • code du fichier UserChrome.css :
  •   /* changer la taille de la "police" de caractères (ok TB60) */
        .tree-rows   {
            font-size: 15px !important;
        }




    Retour à la FAQ       
    Dernières mise à jour: 12.08.18
  • Masquer la CROIX de fermeture

  • Pourquoi masquer cette croix ? R: Pour ne pas fermer Thunderbird par erreur .

  • code du fichier UserChrome.css :
  •   /*masquer la CROIX de fermeture ok TB60 et FF61-12.08.18 */
        #titlebar-close {
            display: none !important;
        }

      /* Pour fermer il faudra passer par : » Fichier » Quitter */

    Capture 1-AvantCapture 2-Après
    Captures/TBird/croix_rouge_fermeture.png    Captures/TBird/coix_rouge_masquer.png

  • Pour fermer TB il faudra utiliser » Fichier » Quitter
    » ou » Menu (hamburger) » Quitter
    » ou ALT + F4

  • Retour à la FAQ       

    24.02.13-Dernières mise à jour: 12.09.18
  • Masquer les infos des entêtes de message

  • code du fichier UserChrome.css :
  •   /* masquer le panneau des entêtes de message (ok TB60 08.08.18) */
        #msgHeaderView   {
            display : none;
        }



    Capture 1 - Avant
    captures/TBird/uc_ente_avan_suppr.png


    Capture 2 -Après
    captures/TBird/uc_ente_avan_suppr.png.png


  • Vous remarquerez que les icônes: Répondre/Transférer etc.. ont disparues !
  • Il faudra les installer dans la barre supérieure comme dans TB2.

  • N'oubliez pas ! Pour revenir en arrière il suffit de mettre les lignes de code entre /* et */ .

  • Retour à la FAQ       
    01.06.16-Dernières mise à jour : 08.08.18
  • Masquer le menu: Outils et/ou ses sous-menus.

  • code du fichier UserChrome.css :
  •   /* masquer le menu Outils (ok TB45 01.06.16) */
        #tasksMenu  {
            display: none !important;
        }

      /* masquer le sous-menu Modules complémentaires - (ok TB38 05.12.15) */
        #addonsManager   {
            display : none !important ;
        }

      /* masquer le sous-menu Importer... (ok TB60 08.08.18) */
        #menu_import   {
            display: none !important;
        }

      /* masquer le sous-menu Console d'erreurs (ok TB38 05.12.15) */
      #javaScriptConsole   {
            display : none !important ;
        }

      /* masquer le sous-menu Paramètres des comptes (ok TB60 08.08.18) */
        #menu_accountmgr  {
            display: none !important;
        }

      /* masquer le sous-menu Options (ok TB60 08.08.18) */
        #menu_preferences  {
            display: none !important;
        }




    Retour à la FAQ       
  • Masquer le menu: Gérer les filtres de messages

  • code du fichier UserChrome.css :
  •   /*masquer: Gérer les Filtres des messages de : Paramètres des comptes */
        #CreateFilters {
            display: none !important;
        }

      /*cacher le menu: Filtres de messages de: Outils - ok TB31 22.05.15 */
        #filtersCmd {
            display : none !important ;
        }






  • Masquer le menu: Paramètres des comptes et Créer un nouveau compte (ok TB38).

  • code du fichier UserChrome.css :
  •  /* masquer: Paramètres des comptes de : Outils (ok TB2 25.11.2009) */
        #menu_accountmgr   {
            display: none !important;
        }

    /* masquer: Voir les paramètres pour ce compte ET Créer un nouveau compte */
        #AccountSettings, #CreateAccount   {
            display: none !important;
        }

     /* cacher: Propriétés (obtenu par -Clic droit sur un compte) */
        #folderPaneContext-properties   {
            display: none !important;
        }






  • Masquer le menu: Notes de version de : ?

  • code du fichier UserChrome.css :
  •   /*cacher le menu: Notes de version de: ? (ok TB17 23.08.13) */
        #releaseNotes  {
            display : none !important ;
        }


    Résultat , plus de menu: Notes de version
    Captures/TBird/UC_aide_plus_note_version.png




  • Masquer le menu: Rechercher des mises à jour de: ?

  • code du fichier UserChrome.css :
  •   /* masquer le menu: Rechercher des mises à jour de ? (ok TB2 07.11.2009) */
        #checkForUpdates {
            display : none !important ;
        }





  • Masquer le menu: Fichier (en entier).

  • code du fichier UserChrome.css :
  •   /* cacher TOUT le menu : Fichier (ok TB2 07.11.09 - NON TB31) */
        #menu_File {
            display: none !important;
        }





  • Masquer le menu: Édition (en entier).

  • code du fichier UserChrome.css :
  •     /* cacher TOUT le menu : Édition (ok TB2 07.11.09 - NON TB31) */
        #menu_Edit {
            display: none !important;
        }




  • Masquer le menu: Affichage (en entier)

  • code du fichier UserChrome.css :
  • /* cacher TOUT le menu : Affichage (ok TB17 24.08.13 - NON TB31) */
        #menu_View {
            display: none !important;
        }


    Résultat (TB17) plus de menu: Affichage
    Captures/TBird/UC_plus_menu_affichage.png




  • Masquer les 3 menus: Fichier, Édition et Affichage.

  • code du fichier UserChrome.css :
  •   /* masquer les 3 menus : Fichier, Édition, Affichage (ok TB2 11.09-NON TB31) */
        #menu_File, #menu_Edit, #menu_View {
            display: none !important;
        }





  • Masquer le menu: Propriétés, de : clic droit

  • code du fichier UserChrome.css :
  •   /* masquer Propriétés (obtenu par Clic droit sur un compte)(ok TB2 07.11.09) */
        #folderPaneContext-properties {
            display: none !important;
        }





  • Masquer les menus: Paramètres des comptes / Voir les Paramètres pour ce compte /
    Créer un nouveau compte.

  • code du fichier UserChrome.css :
  •   /* masquer: Paramètres des comptes de : Outils (ok TB2 25.11.09-NON TB31 */
      #menu_accountmgr   {
            display: none !important;
        }

    /* masquer: Voir les paramètres pour ce compte-NON TB31 */
      #AccountSettings   {
            display: none !important;
        }

    /* masquer: Créer un nouveau compte-NON TB31 */
      #CreateAccount   {
            display: none !important;
        }

    /* masquer: Propriétés (Clic droit sur compte )-NON TB31 */
      #folderPaneContext-properties   {
            display: none !important;
        }





    11.11.11 - Dernières mise à jour : 07.02.17
  • Mettre une couleur en arrière-plan des entêtes.

  • code du fichier UserChrome.css :
  • /*Couleur (bleu lavande) panneau des entêtes des messages-ok TB45 07.02.17 */
        #msgHeaderView {
            background-color: #E6E6FA !important;
        }


    captures/TBird/UC_entete_msg.png


  • Pour le code hexadécimal des couleurs voir » ici « , ou » ici « , ou encore » ici « .

  • Retour à la FAQ       
    Dernière mise à jour : 29.10.13
  • Mettre les onglets sous la barre d'outils

  • code du fichier UserChrome.css :
  • /* remettre les onglet sous la barre d'outils (ok avec TB24) */
       #tabs-toolbar {
            -moz-box-ordinal-group: 30 !important;
        }



    Capture 1 - Les onglets sont au dessus (avec le thème par défaut)
    captures/TBird/ongl_dess_par_defaut.png


    Après Capture 2 - Les onglets sont en dessous.
    captures/TBird/ongl_milieu.png



    Retour à la FAQ       
    05.11.16-Dernière mise à jour : 08.08.18
  • Modifier la couleur du texte+Arrière-plan du bouton Écrire

  • Capture 1 - Boutons par défaut
    captures/TBird/ongl_dess_par_defaut.png


  • code du fichier UserChrome.css :
  • /*Modifier couleur texte et arrière-plan du bouton Ecrire - ok TB60 */
       [label="Écrire"] {
            color: yellow !important;
            background-color:red !important;
        }


    Capture 2 - Résultat TB52
    captures/TBird/uc_modif_bout_ecrire.png


  • Codes pour les trois autres boutons (Relever, Chat et Adresses)
  • /*Modifier couleur texte et arrière-plan du bouton Relever - ok TB60 */
       [label="Relever"] {
            color: black !important;
            background-color:#F4FA58 !important;
        }


    /*Modifier couleur texte et arrière-plan du bouton Chat - ok TB60 */
       [label="Chat"] {
            color: yellow !important;
            background-color:#58ACFA !important;
        }


    /*Modifier couleur texte et arrière-plan du bouton Adresses - ok TB60 */
       [label="Adresses"] {
            color: black !important;
            background-color:#58FA58 !important;
        }


    Capture 2 - Résultat avec les 4 boutons (TB52)
    captures/TBird/uc_modi_4boutons.png

    Capture 3 - Résultat avec les 4 boutons (TB60 + thème Dark)
    captures/TBird/uc_modi_4boutons2.png

    Retour à la FAQ       
    04.12.15-Dernière mise à jour : 15.08.18
  • Modifier la police et couleur Arrière-plan de Sujet (message reçu)

  • code du fichier UserChrome.css :
  • /* Changer Police/AP de la ligne Sujet des messages recus - ok TB60 */
       #expandedsubjectBox {
            font-size: 5.0mm !important; /* modifie la taille */
            font-family: Arial !important;
            font-weight: bold !important; /* met en gras */
            background-color:yellow !important;
        }


    Capture 1 avec thème par défaut
    captures/TBird/UC_color_lign_sujet.png


    Capture 2 uniquement la police avec le thème Dark de TB
    captures/TBird/UC_sujet_boutons.png

    Retour à la FAQ       
    Dernière mise à jour : 04.11.16
  • Modifier la couleur de l'arrière-plan de toute la barre d'icône (sauf Écrire)

  • code du fichier UserChrome.css :
  • /* Mette en couleur l'arrière-plan de toute la barre - ok TB45 04.11.16 */
       #mail-bar3{
            background-color:#FFFFCC !important;
        }

    /* Modifier couleur texte et arrière-plan de Ecrire - ok TB52 */
       [label="Écrire"] {
            color: yellow !important;
            background-color:red !important;
        }


    Capture 1
    captures/TBird/uc_modi_ar_barre3.png

    Retour à la FAQ       
    02.12.15-Dernières mise à jour : 02.10.18
  • (re)Mettre en blanc l'arrière-plan des lignes adresses et sujet de TB31

  • Pas ce souci avec le thème Dark de TB60

    captures/TBird/reda_them_dark_TB60.png

  • Depuis Thunderbird 31 l'arrière-plan des adresses et du sujet est en couleur (bleu!).
  • Capture 1 - Fenêtre de Rédaction par défaut
    captures/TBird/reda_adre_sujet.png


  • code du fichier UserChrome.css :
  • /*(re)Mettre EN BLANC les champs adresses/sujet.- ok TB31 21.12.14 */
        #msgIdentity {
            background-color: -moz-Field !important;
            transition: border .0s, background-color .0s !important;
            border-radius: 2px !important;
            -moz-border-top-colors: ThreeDShadow transparent !important;
            -moz-border-right-colors: ThreeDShadow transparent !important;
            -moz-border-bottom-colors: ThreeDShadow transparent !important;
            -moz-border-left-colors: ThreeDShadow transparent !important;
        }
        .textbox-addressingWidget, .dummy-row-cell:not(:first-child) {
            background-color: -moz-field !important;
            transition: border .0s, background-color .0s !important;
            border: 2px solid transparent !important;
            -moz-border-top-colors: ThreeDShadow transparent !important;
            -moz-border-right-colors: ThreeDShadow transparent !important;
            -moz-border-bottom-colors: ThreeDShadow transparent !important;
            -moz-border-left-colors: ThreeDShadow transparent !important;
        }
        #msgSubject {
            -moz-appearance: none;
            background-color: -moz-field !important;
            transition: border .0s, background-color .0s !important;
            -moz-border-top-colors: ThreeDShadow transparent !important;
            -moz-border-right-colors: ThreeDShadow transparent !important;
            -moz-border-bottom-colors: ThreeDShadow transparent !important;
            -moz-border-left-colors: ThreeDShadow transparent !important;
        }

    Résultat dans TB31
    captures/TBird/reda_adre_sujet2.png


    Cette commande simple suffit à mettre le champ Sujet en blanc.
    /* EN REDACTION en blanc le champ SUJET- ok TB38 02.12.15 */
       #msgSubject {
            background-color:white !important;
        }




    Retour à la FAQ       
    31.01.14-Dernières mise à jour:09.10.18
  • Mettre une couleur en arrière-plan des messages (et dossiers)

  • code du fichier UserChrome.css :
  • /*AP AVEC interlignes du PANNEAU des MESSAGES (ok TB60) */
        #threadTree treechildren::-moz-tree-cell   {
            background-color: #CEE3F6 !important;
        }

    Ici dans TB24 la même couleur pour l'arrière plan des messages et des dossiers
    captures/TBird/UC_coul_ap_msgs.png


    /*AP SANS interligne du PANNEAU + DOSSIERS (ok TB60 09.10.18) */
        #threadTree {
            background-color: #F2F2F2 !important;
        }

    Résultat dans TB60 avec l'arrière plan sans interligne (09.10.18)
    captures/TBird/UC_coul_ap_msgs2.png


  • Attention: Le résultat peut-être différent suivant le thème choisi.


  • Pour le code hexadécimal des couleurs voir » ici « , ou » ici « , ou encore » ici « .

  • Retour à la FAQ       
    Dernières mise à jour : 21.09.16
  • Mettre en couleur les lignes marquées avec une étiquette.

  • code du fichier UserChrome.css :
  • /* Mettre en couleur les lignes avec une étiquette rouge (ok TB45) */
        treechildren::-moz-tree-cell(lc-FF0000)
            { background-color: #FFCCCC !important; }
        treechildren::-moz-tree-cell-text(lc-FF0000)
            { color: #000 !important; }
        treechildren::-moz-tree-cell(lc-FF0000,selected)
            { background-color: #FF0000 !important; }
        treechildren::-moz-tree-cell-text(lc-FF0000, selected)
            { color: #FFF !important; }

    /* Etiquette orange */
        treechildren::-moz-tree-cell(lc-FF9900)
            { background-color: #FFCC99 !important; }
        treechildren::-moz-tree-cell-text(lc-FF9900)
            { color: #000 !important; }
        treechildren::-moz-tree-cell(lc-FF9900,selected)
            { background-color: #FF9900 !important; }
        treechildren::-moz-tree-cell-text(lc-FF9900,selected)
            { color: #FFF !important; }

    /* Etiquette verte */
        treechildren::-moz-tree-cell(lc-009900)
            { background-color: #CCFFCC !important; }
        treechildren::-moz-tree-cell-text(lc-009900)
            { color: #000 !important; }
        treechildren::-moz-tree-cell(lc-009900,selected)
            { background-color: #009900 !important; }
        treechildren::-moz-tree-cell-text(lc-009900,selected)
            { color: #FFF !important; }

    /* Etiquette bleue */
        treechildren::-moz-tree-cell(lc-3333FF)
            { background-color: #CCFFFF !important; }
        treechildren::-moz-tree-cell-text(lc-3333FF)
            { color: #000 !important; }
        treechildren::-moz-tree-cell(lc-3333FF,selected)
            { background-color: #3333FF !important; }
        treechildren::-moz-tree-cell-text(lc-3333FF,selected)
            { color: #FFF !important; }

    /* Etiquette violette */
        treechildren::-moz-tree-cell(lc-993399)
            { background-color: #CCCCFF !important; }
        treechildren::-moz-tree-cell-text(lc-993399)
            { color: #000 !important; }
        treechildren::-moz-tree-cell(lc-993399,selected)
            { background-color: #993399 !important; }
        treechildren::-moz-tree-cell-text(lc-993399,selected)
            { color: #FFF !important; }


  • Si l'on veut ajouter une bordure inférieure il faudra mettre ceci dans la 1ière ligne.
  •         border-bottom: 1px solid #009900 !important;


    Capture 1 - Avant Après
    Captures/TBird/uc_etiq_avant.png   Captures/TBird/uc_etiq_apres.png


  • Pour le code hexadécimal des couleurs voir » ici « , ou » ici « , ou encore » ici « .

  • Retour à la FAQ       
    23.07.14-Dernières mise à jour: 21.08.18
  • Mettre en couleur la ligne "Sujet" des messages "Non lus" (volet supérieur droit)

  • code du fichier UserChrome.css :
  •   /* Coloriser (DarkMagenta) les messages non lus (ok TB60/SM) */
        treechildren:-moz-tree-cell-text   (unread) 
            { color: #8B008B !important; font-weight: bold !important; }



    Capture 1 - Résultat
    Captures/TBird/user_chrom_color_msg2.png


  • Pour le code hexadécimal des couleurs voir » ici « , ou » ici « , ou encore » ici « .

  • Retour à la FAQ       
    Dernières mise à jour: 21.08.18
  • Changer la couleur du nom des dossiers (rouge = nouveau message / bleu = non lu)

  • code du fichier UserChrome.css :
  •   /* NOM des dossiers (bleu) contenant des: Non lus (ok TB60 & SM) */
        treechildren::-moz-tree-cell-text(hasUnreadMessages-true)
            { color: #0000FF !important; }


      /*Noms dossiers (rouge) avec des nouveaux messages (ok TB60 & SM) */
        #folderPaneBox treechildren::-moz-tree-cell-text(folderNameCol,
        newMessages-true)
            { color: #FF0000 !important; }



    Capture 1 - Vue: Tous les dossiers Capture 2 - Vue: Dossiers unifiés
    Captures/TBird/user_chrom_doss_R.png    Captures/TBird/user_chrom_doss_R2.png


    Capture 3 - avec SeaMonkey 2.49.3
    Captures/SeaM/SM_cpte_laposte.png


    Autre exemple avec un thème "maison"
    Captures/TBird/arp_cpte_LP.png    Captures/TBird/arp_cpte_doss_unif_LP.png



  • Pour le code hexadécimal des couleurs voir » ici « , ou » ici « , ou encore » ici « .

  • Retour à la FAQ       
    05.07.13-Dernières mise à jour: 24.09.18
  • Mettre en couleur Un nom de dossier de son choix


  • NB : Depuis Thunderbird 24 l'extension MailTweak ne fonctionne plus. Ce tuto est obsolète


  • Retour à la FAQ       
    05.07.13-Dernières mise à jour : 24.09.18
  • Mettre en couleur tous les noms de dossier d'un compte de son choix


  • NB : Depuis Thunderbird 24 l'extension MailTweak ne fonctionne plus. Ce tuto est obsolète


  • Retour à la FAQ       
    20.06.14 - Dernières mise à jour : 24.09.18
  • Modifier les couleurs (arrière-plan et texte) des barres de notification:
  • » Thunderbird pense que ce message est frauduleux.
    » Ceci est un brouillon.
    » Envoyer l'accusé de réception
    » Ignorer la demande
    » xxx a demandé de recevoir une notification.....

      /* Modifier la couleur de l'arrière-plan et du texte de:
        Thunderbird pense que ce message est frauduleux. (ok TB60 & SM) */

            [label="Thunderbird pense que ce message est frauduleux."]
            { color: red !important; background-color:yellow !important; }


    Résultat
    captures/TBird/UC_msg_frauduleux_apres.png

      /*Lignes pour SeaMonkey 2.49.3 */
            [label="SeaMonkey pense que ce message est indésirable."]
            { color: red !important; background-color:yellow !important; }

    captures/SeaM/UC_SM_msg_inde_apres.png



      /* Modifier la couleur de l'arrière-plan et du texte de:
        Ceci est un brouillon. (ok TB60) */

            [label="Ceci est un brouillon."]
            { color: blue !important; background-color: yellow !important; }


    Résultat
    captures/TBird/UC_ceci_brouillon_apres.png



      /* Modifier la couleur du texte de:
        Envoyer l'accusé de réception. (ok TB60 & SeaMonkey 2.49.3) */

            [label="Envoyer l'accusé de réception"]  
            { color: red !important; background-color: yellow!important; }


      /* Modifier la couleur du texte de:
        Ignorer la demande (ok TB60 & SeaMonkey 2.49.3) */

            [label="Ignorer la demande"]
            { color: blue !important; background-color: yellow !important; }


    Résultat
    captures/TBird/UC_bout_envo_AR_apres.png



    Pour la barre des accusés de reception je n'ai pas trouvé comment modifier l'arrière plan!.
    Je n'ai réussi qu'avec cette méthode qui fonctionne en fonction du nom de l'expéditeur
    (J2m ou Eveline dans ces deux exemples).

      /* Modifier la couleur de l'arrière-plan et du texte de:
        J2m a demandé à recevoir une notification... (ok TB60 & SeaMonkey) */

    [label="Eveline a demandé à recevoir une notification quand vous lisez ce message."]  ,
    [label="J2m a demandé à recevoir une notification quand vous lisez ce message."]
      { color: Yellow !important; background-color:red !important; }


    Avant/Après avec J2m comme expéditeur
    captures/TBird/UC_j2m_dema_AR_avant.png

    captures/TBird/UC_j2m_dema_AR_apres.png

    Résultat avec Eveline
    captures/TBird/UC_evel_dema_AR_apres.png





  • Pour le code hexadécimal des couleurs voir » ici « , ou » ici « , ou encore » ici « .

  • Retour à la FAQ       
    23.10.14-Dernières mise à jour : 23.10.14
  • Modifier les couleurs des evénements de Lightning suivant la catégorie

  • code du fichier UserChrome.css :
  •   /* Modifier la couleur des catégories Eveline/Anniv. et J2m ok TB52 */
      .calendar-event-box-container [categories="eveline"]
           { color: blue !important; background-color: #FFBFFF !important;
        }
      .calendar-event-box-container [categories="anniversaire"]
           { color: white !important; background-color: #FF4000 !important;
        }
      .calendar-event-box-container [categories="j2m"]
           { color: black !important; background-color: #00FF80 !important;
        }

    /* mettre une couleur pour les événements sans catégorie ok TB24 */
      .calendar-event-box-container:not ([categories])
           { background-color: #E000E0 !important;
        }



  • Résultat dans Lightning

    Avant Après
    Captures/Ltng/modi_coul_cate_avant.png    Captures/Ltng/modi_coul_cate_apres.png


  • Pour le code hexadécimal des couleurs voir » ici « , ou » ici « , ou encore » ici « .

  • L' extension Calendar Tweaks permet aussi de modifier les couleurs.

  • Retour à la FAQ       
    Dernières mise à jour : 06.02.17
  • Modifier l'arrière-plan des jours (vue mois/multisemaine)

  • code du fichier UserChrome.css :
  •   /* Jours ouvrables du MOIS en cours (vue MOIS)-ok TB45 06.02.17*/
      .calendar-month-day-box-current-month
           { background-color: yellow !important;
        }

    /* WEEK-END - couleur rouille (vue MOIS) - ok TB45 06.02.17 */
      .calendar-month-day-box-day-off
           { background-color: #FF4000 !important;
        }



    Résultat-j'ai mis volontairement 2 couleurs très voyantes
    Captures/Ltng/modi_coul_arp_jour.png


  • Pour le code hexadécimal des couleurs voir » ici « , ou » ici « , ou encore » ici « .

  • Retour à la FAQ       
    Crée 02.01.11-Dernières mise à jour : 11.06.17
  • Modifier les couleurs dans le panneau des evénements de Lightning.

  • code du fichier UserChrome.css :
  •   /* ENTETE du Panneau aujourd'hui - ok TB52 */
        #today-pane-panel {
            background-color: #DFD2C0 !important;
        }

      /* Aujourd'hui en rouge ok TB3/TB5/TB31/TB52 */
        #today-header {
            color: red !important; background-color: yellow !important;
        }

      /* Demain en jaune ok TB3/TB5/TB31/TB52 */
      #tomorrow-header {
            color: yellow !important; background-color: green !important;
        }



  • Résultat dans Lightning

    Capture 1
    Captures/Ltng/modi_coul_pann_evenements.png




  • Pour le code hexadécimal des couleurs voir » ici « , ou » ici « , ou encore » ici « .

  • Retour à la FAQ       
    Dernières mise à jour : 16.04.17
  • Rétablir les flèches pour le changement de "vue" des dossiers:
    Récents/Non lus/Préférés/Unifiés/Tous les dossiers comme sur Thunderbird 7

  • code du fichier UserChrome.css (ne fonctionne plus depuis TB52.01 !) :

  •   /* ok avec TB45 - Rétablir les deux flèches de changement de "vues" */
        #folderPaneHeader, #abDirTreeHeader
            { display: -moz-box !important;
        }


    Résultat dans Thunderbird 45
    Captures/TBird/flec_chan_vues_doss.png

    Retour à la FAQ       

    Malgré toutes ces informations, je n'ai pas trouvé de réponse ou puis-je poser ma question ?
    R-sur le forum de Geckozone
    Des bénévoles vous aideront (et un petit bonjour en début de message sera le bienvenu ), mais avant faites une recherche sur le forum au cas ou votre question aurait déjà été posée(et peut-être solutionnée!)