📌 Scrollbar mastodon personnalisĂ©e sous firefox

Update 02/01/2019

Si vous ĂȘtes admin de votre instance vous pouvez directement appliquer le CSS depuis l'administration de Mastodon via le block de personnalisation de CSS en y copiant directement le code :

.scrollable {
    /* Replace the color by the color of column headers for a better effect. */
    scrollbar-color: #313543 transparent;
    /* This is optional but I find the default scrollbars way too fat. */
    scrollbar-width: thin;
}

⚠ Notez que cela s'appliquera donc Ă  tous les utilisateurs, ce qui pourrait ne pas ĂȘtre idĂ©al suivant le thĂšme utilisĂ© par ces derniers.


Astuce donnĂ©e par @Eramdam sur le fĂ©diverse que je vais remettre ici parce que je le sens bien que ça va se perdre ou rester planquĂ© dans un coin de GitHub et puis aussi pour moi 😜

📋 Pour se faire il vous faudra avoir installĂ© Stylus et Firefox 64 minimum.

Ensuite, il nous faut donc créer un nouveau style en allant dans la gestion des styles de Stylus.

À gauche vous pouvez lui donner un nom, d'ailleurs c'est mĂȘme mieux il parait 😝
À droite il y a le block permettant de rajouter du code, on y colle ceci :

html,
.scrollable {
    /* Replace the color by the color of column headers for a better effect. */
    scrollbar-color: #313543 transparent;
    /* This is optional but I find the default scrollbars way too fat. */
    scrollbar-width: thin;
}

Juste en dessous du block de code, on va appliquer ce style au domaine de notre instance mastodon en cliquant sur le + à coté de S'applique à

On sélectionne URL sur le domaine dans le menu déroulant puis dans le champ on y met le nom de domaine de l'instance et on enregistre la chose.

Voilà c'est fini 😊

Avant sans le css

AprĂšs avec le css actif