📌 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 😜

note 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 enregistrez la chose.

VoilĂ  c’est fini 😊

sans CSS

avec CSS