📌 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