// coding: utf_8 +++ title = “Day 001 - #100DaysOfCode - TreeTabStyle” date = “2020-08-04T10:17:01+02:00” author = “ArthurHoaro” cover = "” tags = ["”, “"] keywords = [“100DaysOfCode”, “dev”, “code”, “day1”] description = "” showFullContent = true draft = true +++

Thème sombre de TreeTabStyle cassé :(

Ce matin, alors que mon café était encore en train de refroidir, que j’avais à peine ouvert que liens depuis mes flux RSS, le panneau d’onglets de Firefox s’est rechargé comme il aime le faire lors des mises à jour en arrière plan… mais cette fois sans aucun style. Je suppose donc que les lectures vont devoir attendre un peu, et que nous sommes partis pour aller creuser un peu dans les options de l’extension Firefox TreeTabStyle.

Bon, vous devez savoir que j’adore les thèmes sombres. Et par adore, je veux dire que chaque logiciel, outil ou site web que j’utilise a un fond noir. Il n’y a que quelques exceptions à cette règle, généralement quand il n’y a aucune solution technique facilement accessible, et qu’il n’y a pas d’alternative (ou que je n’ai pas le choix). Quand ça arrive, laissez moi vous dire qu’un certain ressentiment s’installe petit à petit… (oui, je parle de toi Jira).

Retournons à notre problème de style et d’options TTS. Le problème saute aux yeux : sous le menu Appearance, il n’y a aucun thème de sélectionné. Je me souviens aussi qu’il y avait un mode sombre à cet endroit, et qu’il n’a plus l’air d’exister.

En basculant les thèmes disponibles, on a :

• Plain et Mixed: thèmes sombres (hérité du thème du navigateur) - je ne vois pas vraiment la différence entre les deux
• Vertigo: thème sombre (hérité du thème du navigateur) - sans bordure
• High contrast et Sidebar: deux thèmes clairs
• No decoration: on le comprend, pas de style, ce qui ressemble d’ailleurs à mon problème

OK, donc je retrouve un thème sombre, c’est mieux, mais la couleur de fond est vraiment noire, ce qui n’est pas des plus agréables visuellement. Les thèmes sombres étant généralement plutôt dans les nuances de gris. Heureusement, TTS dispose d’un paramètre permettant de surcharger n’importe laquelle de ses règles CSS. J’ai joué un peu avec, avant de finalement décider d’utiliser mon Google-fu et de fouiller le wiki de l’extension. J’ai finalement trouvé exactement ce que je cherchais (sauvegardé ici).

Le thème sombre a bien été supprimé de l’extension, en faveur de l’héritage du thème du navigateur. Sauf que la détection des couleurs n’est pas super au point. À noter que cette solution ne fonctionne qu’avec le thème Plain.

Et ça, les enfants, c’est la raison pour laquelle mon premier post sur #100daysofcode est à propos de CSS.