[Astuce] Donne du style au Dev Tools

Vous avez adopté un style Monokay sur votre IDE préféré ? Vous utilisez souvent le Développer Tools de Chrome pour déboguer votre front-end ? Alors vous allez aimer cette astuce. Je vais vous montrez comment changer le style de Développer Tools.

Pour cela, il existe des extensions Chrome. Mais sachiez que le Dev Tools utilise un fichier CSS pour son style, vous pouvez donc le modifier à votre convenance et faire votre propre thème.

Personnellement, j’utilise l’extension : DevTools Theme: Zero Dark Matrix.

Thème dev tools

Pour pouvoir utiliser se nouveau thème fraîchement installé, il vous faut activer les expérimentations dans les outils de développement. Pour cela entrer cette adresse chrome://flags/#enable-devtools-experiments, et cliquer sur activer.

Activation thème dev tools

Activation des expérimentations dans le dev tools.

Maintenant, un nouveau menu est disponible dans les configurations du Dev Tool. Pour finaliser l’installation rendez-vous dans settings puis dans experiments et cocher Allow custom UI themes.

Activation du thème dans le dev tools.

Activation du thème dans le dev tools.

Après un redémarrage de Chrome, vous pouvez profiter de votre nouveau thème.

Laisser un commentaire