Bon, vu qu’on est probablement condamnés à “live the music” pendant un bon moment, j’ai créé un thème pour redonner à la version web de l’appli une apparence qui fait qu’on n’a pas les yeux qui saignent à chaque utilisation.

Il s’agit aussi de contrer cette sale manie qu’on a vu se développer dans le dev web depuis quelques années, avec la doctrine du “mobile first” et qui consiste à tout afficher en géant avec des marges disproportionnées. Résultat, on a jamais eu des écrans aussi grands avec aussi peu de choses affichées. Le thème est donc fait pour afficher un maximum d’informations, tout en restant dans le confort.

Petites précisions :

• C’est fait selon mes goûts et certains choix peuvent ne pas plaire (par exemple, vu que j’avais viré les playlists dans la sidebar, je n’avais aucune raison de la garder vu qu’elle ne sert plus à rien).
• C’est fait relativement à la va-vite je n’ai pas eu beaucoup de temps à y consacrer.
• Côté responsive, le minimum syndical, en gros ça collera dans des résolutions comprises entre 1280 et 1920px de large.
• Ça a été uniquement testé sous Firefox. Ça devrait pas mal passer sous Chrome aussi mais il pourrait y avoir quelques différences notables. Sous Safari j’en au aucune idée.
• Il est très probable que des bugs ou des éléments m’aient échappé. Si vous en voyez vous pouvez toujours me les signaler (ou les corriger), mais rien ne garantit que je les corrigerai.
• Le thème light a été beaucoup moins testé que le dark, mais ça devrait le faire aussi.

Voilà à quoi ça ressemble :

Pour en bénéficier, rien de compliqué :

• Installer l’addon “Stylus” dispo ici pour Firefox : https://addons.mozilla.org/fr/firefox/addon/styl-us/, ou ici pour Chrome : https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne
• Le thème est dispo ici : https://userstyles.world/style/13051/deezer-new-ui-alternative
• Si vous êtes sous Firefox, il vous faudra passer la valeur layout.css.has-selector.enabled à true dans about:config (important)

Si vous voulez, comme moi, pousser le vice jusqu’à récupérer le favicon d’origine, il vous faudra :

• L’addon “FaviconSwicther” dispo ici pour Firefox : https://addons.mozilla.org/fr/firefox/addon/favicon-switcher/ Il doit y avoir un équivalent pour Chrome mais je n’ai pas cherché.
• Le png de l’ancien logo : https://ubaa.fr/wp-content/uploads/2021/11/deezer-LOGO.png

Voilà voilà. :)