Les styles utilisateur vous permettent d’injecter du CSS sur le site Web Scratch - utile pour rendre les boutons que vous ajoutez avec des scripts utilisateur colorés, ou pour personnaliser l’élément Scratch natif.
Comment ajouter un style utilisateur ?
Assurez-vous d’actualiser scratch Addons à partir de chrome://extensions
après avoir apporté des modifications à votre addon.
Accédez au manifeste de votre addon (addon.json) et ajoutez une propriété appelée ''userstyles''
.
Cette propriété doit être un tableau. Chaque élément du tableau doit avoir les propriétés suivantes : "url"
et ''matches''
.
"url"
doit être une URL relative à un fichier CSS.
''matches''
doit être un tableau d’URL dans lequel vous souhaitez que le style utilisateur soit injecté. Vous pouvez utiliser des astérisques. Exemple de manifeste :
{
"name": "Scratch Messaging",
"description": "Fournit une lecture et une réponse faciles à vos messages Scratch.",
"userstyles": [
{
"url": "userstyle.css",
"matches": ["https://scratch.mit.edu/*"]
},
{
"url": "second_userstyle.css",
"matches": ["https://scratch.mit.edu/projects/*", "https://scratch.mit.edu/users/*"]
}
],
"tags": ["community"],
"enabledByDefault": false
}
Débuguer des styles utilisateur
Assurez-vous d’actualiser Scratch Addons à partir de chrome://extensions
après avoir apporté des modifications à votre addon.
Si vous ne voyez pas votre style utilisateur fonctionner, vérifiez que votre addon est activé.
Si vous rencontrez toujours des problèmes, veuillez créer un problème dans ce dépôt.
Commentaires
Assurez-vous de suivre le code de conduite. Vous pouvez voir cette section de commentaires sur les discussions GitHub, ainsi que modifier et supprimer votre commentaire.