Vous aurez parfois besoin de donner un peu de couleurs à vos extensions, en changeant le style par défaut. Pour cela, comme en (X)HTML, il existe des feuilles de style CSS.
Vous devez les insérer ainsi dans votre fichier XUL.

<?xml-stylesheet href="chrome://mon-extension/skin/" type="text/css" ?>

Par convention, la feuille de style devra porter le même nom que le "raccourci chrome", donc dans notre cas mon-extension.css

Afin de ne pas tout redéfinir, ce qui pourrait s'avérer laborieux, il est fortement conseillé d'utiliser aussi la feuille de style par défaut en ajoutant cette ligne au début de votre fichier css :

@import url(chrome://global/skin/);