Rétablir l’ancienne icône de status de Firebug

Firebug, l’excellente extension Firefox de Joe Hewitt, n’est compatible avec Firefox 3 que dans sa version 1.2 beta.

Cette nouvelle version apporte plein de changements sous le capot mais aussi une nouvelle icône de status qui me chipote un peu.

La nouvelle icône de status de Firebug, qui reprend le logo Firebug, passe vraiment inaperçue. Elle manque vraiment de contraste par rapport aux autres icônes qu’on pourrait avoir dans la barre de status.

Manque de contraste de la nouvelle icône Firebug
La nouvelle icône de status Firebug passe inaperçue.

La bonne nouvelle c’est que, vu l’architecture des Addons Firefox, l’ancienne icône peut être facilement rétablie.

Localisation du fichier CSS de Firebug.

Pour ce faire, il faut trouver et éditer la CSS qui gère la présentation de Firebug.
Sur Windows, par défaut, elle se trouve dans le répertoire :

C:\Documents and Settings\User\Application Data\Mozilla\Firefox​\Profiles\la1xxvhe.default\extensions\firebug@software.joehewitt.com​\skin\classic\firebug.css

Les parties en italiques sont des parties qui différeront sur votre PC.

Sur MacOS, il faut chercher un petit peu, l’explication se trouve sur le site de support Mozilla.

Edition du fichier CSS.

Pour rétablir l’ancienne icône de Firebug, j’ai simplement quitté Firefox puis remplacé les lignes suivantes dans le fichier CSS :

#fbStatusIcon {
    list-style-image: url(chrome://firebug/skin/firebug-gray-16.png);
}
#fbStatusIcon[jsd="on"] {
    list-style-image: url(chrome://firebug/skin/firebug16.png);
}
#fbStatusIcon[net="on"] {
    list-style-image: url(chrome://firebug/skin/firebug16.png);
}
#fbStatusIcon[errors="on"] {
    list-style-image: url(chrome://firebug/skin/firebug16.png);
}

par :

#fbStatusIcon {
    list-style-image: url(chrome://firebug/skin/disabledIcon.png);
}
#fbStatusIcon[jsd="on"] {
    list-style-image: url(chrome://firebug/skin/okIcon-sm.png);
}
#fbStatusIcon[net="on"] {
    list-style-image: url(chrome://firebug/skin/okIcon-sm.png);
}
#fbStatusIcon[errors="on"] {
    list-style-image: url(chrome://firebug/skin/okIcon-sm.png);
}

L'ancienne icône Firebug est rétablie

Et hop, une fois Firefox redémarré, l’ancienne icône, beaucoup plus visible, est restaurée.

Liens relatifs :

Comments

4 commentaires à “Rétablir l’ancienne icône de status de Firebug”

  1. pim le 08/07/2008 à 10h52.

    Suis bien d’accord, c’était plutôt stupide de changer cette icône ….

  2. Ced le 24/07/2008 à 13h15.

    Sur mac c’est ici :

    ~/Library/Application Support/Firefox/Profiles/xxxxxxxx.default/extensions/firebug@software.joehewitt.com/skin/classic/firebug.css

  3. Alexis le 03/08/2008 à 23h24.

    T’es vraiment un enculeur de bug 😉

  4. dworkin le 28/11/2008 à 22h45.

    Excellent !

    Merci pour cette astuce.

    J’en pouvais plus de cliquer sur YSlow et de lancer une analyse à chaque fois que je voulais juste voir ma console Firebog… ^^

Laissez un commentaire