 |
Résumé | Custom Code vous permet de personnaliser la police et les couleurs pour le code source partagé sur le site. |
 |
Aperçu | Aperçu sur Discourse Theme Creator |
 |
Lien du dépôt | https://github.com/discourse/discourse-custom-code |
 |
Nouveau dans les thèmes Discourse ? | Guide du débutant pour utiliser les thèmes Discourse |
Installer ce composant de thème
Fonctionnalités
En général, les polices utilisées pour écrire du code font partie de la famille monospace. Les polices les plus connues sont :
(Cela dit, cela n’empêche personne d’expérimenter avec les polices les plus variées !)
Pour changer de police, rendez-vous sur https://fonts.google.com
-
choisissez la police que vous souhaitez utiliser
-
et personnalisez-la
-
Sélectionnez EMBED et copiez la chaîne relative à la famille de polices (1) dans le paramètre de thème
Font
-
Copiez et collez la chaîne relative au CSS (2) dans le paramètre de thème
font-family(n’ajoutez pas le caractère;à la fin de la chaîne).
Tous les autres paramètres devraient être suffisamment clairs.
Les paramètres de ce composant sont divisés entre le thème clair et le thème sombre. Si vous utilisez les deux, n’oubliez pas d’ajouter le composant aux deux thèmes.
Paramètres
| Nom | Description |
|---|---|
| font | Sélectionnez une nouvelle police dans Google Font. Selon celle choisie, vous pouvez la personnaliser davantage, par exemple Sarabun:300,400,500 . Si non défini, la police par défaut sera appliquée. |
| font size | Spécifie la taille de la police à utiliser. Si non défini, la police par défaut sera appliquée. |
| font family | Spécifie la police à utiliser. Si non défini, la police par défaut sera appliquée. |
| border radius | Sélectionnez le rayon de bordure pour votre code. La valeur par défaut est 0px. |
| hljs light | Thème clair. Choisissez la couleur pour le texte. |
| code light | Thème clair. Choisissez la couleur pour le code. |
| code background light | Thème clair. Choisissez la couleur d’arrière-plan pour le code. |
| comment light | Thème clair. Choisissez la couleur pour les commentaires et les doctags. |
| title light | Thème clair. Choisissez la couleur pour le titre, le nom et les métadonnées. |
| string light | Thème clair. Choisissez la couleur pour les chaînes. |
| number light | Thème clair. Choisissez la couleur pour les nombres. |
| keyword light | Thème clair. Choisissez la couleur pour les mots-clés, subst, request et status. |
| class title light | Thème clair. Choisissez la couleur pour le titre à l’intérieur de l’élément de classe. |
| tag light | Thème clair. Choisissez la couleur pour les balises. |
| attribute light | Thème clair. Choisissez la couleur pour les attributs. |
| symbol light | Thème clair. Choisissez la couleur pour les symboles. |
| hljs dark | Thème sombre. Choisissez la couleur pour le texte. |
| code dark | Thème sombre. Choisissez la couleur pour le code. |
| code background dark | Thème sombre. Choisissez la couleur d’arrière-plan pour le code. |
| comment dark | Thème sombre. Choisissez la couleur pour les commentaires. |
| title dark | Thème sombre. Choisissez la couleur pour le titre, le nom et les métadonnées. |
| string dark | Thème sombre. Choisissez la couleur pour les chaînes. |
| number dark | Thème sombre. Choisissez la couleur pour les nombres. |
| keyword dark | Thème sombre. Choisissez la couleur pour les mots-clés, subst, request et status. |
| class title dark | Thème sombre. Choisissez la couleur pour le titre à l’intérieur de l’élément de classe. |
| tag dark | Thème sombre. Choisissez la couleur pour les balises. |
| attribute dark | Thème sombre. Choisissez la couleur pour les attributs. |
| symbol dark | Thème sombre. Choisissez la couleur pour les symboles. |
Hébergé par nous ? Les composants de thème sont disponibles à l’utilisation sur nos plans Standard, Business et Enterprise.