manuel
Janvier 24, 2025, 1:15
1
J’ai fait cela récemment pour un thème, en demandant à Claude-3.5, intégré à Cursor, de générer de la documentation. Cela a très bien fonctionné, j’ai donc voulu l’essayer pour la base de code principale de Discourse.
J’ai limité le contexte aux fichiers .scss, mais je rencontre des limites de contexte et le modèle hésite à inclure toutes les propriétés. Je voulais donc partager cela, peut-être que quelqu’un a une meilleure invite ou approche ?
@Codebase Génère un tableau complet de TOUTES les propriétés CSS personnalisées du codebase Discourse. Incluez chaque propriété de tous les fichiers et organisez-les dans les catégories suivantes : Mise en page et dimensions, Rayon de bordure, Navigation, Barre latérale, Contrôles de saisie, Chat, Typographie, Couleurs du thème, Valeurs de couleur RVB. Pour chaque propriété, indiquez son nom, sa description, sa valeur par défaut et le fichier source. Formatez les noms de propriété et les valeurs par défaut avec des backticks de code. Ne sautez aucune propriété, ne posez pas de questions et n’ajoutez pas de commentaires.
Nom de la propriété
Description
Valeur par défaut
Fichier source
--d-max-widthLargeur maximale du contenu
1110pxdesktop/discourse.scss
--topic-body-widthLargeur du contenu du corps du sujet
750pxcommon/foundation/base.scss
--topic-body-width-paddingMarge intérieure du corps du sujet
20pxcommon/foundation/base.scss
--topic-avatar-widthLargeur de l’avatar dans les sujets
45pxcommon/foundation/base.scss
--d-wrap-padding-hMarge intérieure horizontale du conteneur d’enveloppement
0.67emcommon/base/discourse.scss
Nom de la propriété
Description
Valeur par défaut
Fichier source
--d-border-radiusRayon de bordure par défaut
2pxcommon/foundation/base.scss
--d-border-radius-largeGrand rayon de bordure
2pxcommon/foundation/base.scss
--d-nav-pill-border-radiusRayon de bordure pour les pilules de navigation
2pxcommon/foundation/base.scss
--d-button-border-radiusRayon de bordure pour les boutons
2pxcommon/foundation/base.scss
--d-input-border-radiusRayon de bordure pour les champs de saisie
2pxcommon/foundation/base.scss
--full-page-border-radiusRayon de bordure pour la page entière
12pxplugins/chat/assets/stylesheets/common/base-common.scss
Nom de la propriété
Description
Valeur par défaut
Fichier source
--d-nav-colorCouleur du texte de navigation
var(--primary)common/base/discourse.scss
--d-nav-bg-colorArrière-plan de navigation
transparentcommon/base/discourse.scss
--d-nav-color--hoverCouleur du texte de navigation au survol
var(--primary)common/base/discourse.scss
--d-nav-bg-color--hoverArrière-plan de navigation au survol
var(--d-hover)common/base/discourse.scss
--d-nav-color--activeCouleur du texte de navigation actif
var(--tertiary)common/base/discourse.scss
--d-nav-bg-color--activeArrière-plan de navigation actif
transparentcommon/base/discourse.scss
--d-nav-border-color--activeBordure de navigation active
var(--d-nav-color--active)common/base/discourse.scss
--d-nav-underline-heightHauteur du soulignement de navigation
0.125emcommon/base/discourse.scss
Nom de la propriété
Description
Valeur par défaut
Fichier source
--d-sidebar-widthLargeur de la barre latérale
17emcommon/base/sidebar.scss
--d-sidebar-row-horizontal-paddingMarge intérieure horizontale des lignes
1remcommon/base/sidebar.scss
--d-sidebar-row-heightHauteur des lignes de la barre latérale
2.2emcommon/base/sidebar.scss
--d-sidebar-animation-timeDurée de l’animation
0.25scommon/base/sidebar.scss
--d-sidebar-animation-easeAccélération de l’animation
ease-in-outcommon/base/sidebar.scss
--d-sidebar-backgroundCouleur de fond
var(--secondary)common/base/sidebar.scss
--d-sidebar-admin-backgroundArrière-plan de la section admin
var(--primary-very-low)common/base/sidebar.scss
--d-sidebar-footer-fadeCouleur de fondu du pied de page
rgba(var(--secondary-rgb), 1)common/base/sidebar.scss
--d-sidebar-header-colorCouleur du texte de l’en-tête
var(--primary-medium)common/base/sidebar.scss
--d-sidebar-header-icon-colorCouleur de l’icône de l’en-tête
var(--primary-medium)common/base/sidebar.scss
--d-sidebar-border-colorCouleur de la bordure
var(--primary-low)common/base/sidebar.scss
--d-sidebar-link-colorCouleur du texte du lien
var(--primary-high)common/base/sidebar.scss
--d-sidebar-link-icon-colorCouleur de l’icône du lien
var(--primary-500)common/base/sidebar.scss
--d-sidebar-link-badge-colorCouleur du badge de lien
var(--primary-700)common/base/sidebar.scss
--d-sidebar-prefix-backgroundCouleur de fond du préfixe
var(--primary-low)common/base/sidebar.scss
--d-sidebar-prefix-colorCouleur du texte du préfixe
var(--d-sidebar-link-color)common/base/sidebar.scss
--d-sidebar-suffix-colorCouleur du suffixe
var(--tertiary-med-or-tertiary)common/base/sidebar.scss
Nom de la propriété
Description
Valeur par défaut
Fichier source
--d-input-bg-colorCouleur de fond du champ de saisie
var(--secondary)common/base/discourse.scss
--d-input-text-colorCouleur du texte du champ de saisie
var(--primary)common/base/discourse.scss
--d-input-borderStyle de bordure du champ de saisie
1px solid var(--primary-400)common/base/discourse.scss
--d-input-bg-color--disabledArrière-plan du champ de saisie désactivé
var(--primary-very-low)common/base/discourse.scss
--d-input-text-color--disabledCouleur du texte du champ de saisie désactivé
var(--primary-medium)common/base/discourse.scss
--d-input-border--disabledBordure du champ de saisie désactivé
1px solid var(--primary-low)common/base/discourse.scss
Nom de la propriété
Description
Valeur par défaut
Fichier source
--message-left-widthLargeur gauche pour les messages
42pxplugins/chat/assets/stylesheets/common/base-common.scss
--channel-list-avatar-sizeTaille des avatars dans la liste des canaux
30pxplugins/chat/assets/stylesheets/common/base-common.scss
--chat-header-offsetDécalage de l’en-tête pour le chat
45pxplugins/chat/assets/stylesheets/common/base-common.scss
--chat-header-expanded-offsetDécalage de l’en-tête étendu pour le chat
0pxplugins/chat/assets/stylesheets/common/base-common.scss
Nom de la propriété
Description
Valeur par défaut
Fichier source
--d-font-family--monospacePile de polices monospace
ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Liberation Mono", menlo, monaco, consolas, monospacecommon/foundation/base.scss
--heading-font-familyPolice de caractères pour les titres
Référencé dans le code
common/base/discourse.scss
--font-familyPolice de caractères de base
Référencé dans le code
common/base/discourse.scss
--line-height-smallHauteur de ligne petite
Référencé dans le code
common/base/_topic-list.scss
--line-height-mediumHauteur de ligne moyenne
Référencé dans le code
common/base/_topic-list.scss
--line-height-largeHauteur de ligne grande
Référencé dans le code
common/base/_topic-list.scss
Nom de la propriété
Description
Valeur par défaut
Fichier source
--primaryCouleur principale
#222222color_definitions.scss
--secondaryCouleur secondaire
#ffffffcolor_definitions.scss
--tertiaryCouleur tertiaire
#0088cccolor_definitions.scss
--quaternaryCouleur quaternaire
#e45735color_definitions.scss
--header_backgroundCouleur de fond de l’en-tête
#ffffffcolor_definitions.scss
--header_primaryCouleur principale de l’en-tête
#222222color_definitions.scss
--highlightCouleur de surbrillance
#ffff4dcolor_definitions.scss
--dangerCouleur danger/erreur
#e45735color_definitions.scss
--successCouleur succès
#009900color_definitions.scss
--loveCouleur amour/cœur
#fa6c8dcolor_definitions.scss
--d-selectedCouleur de l’état sélectionné
#e9e9e9color_definitions.scss
--d-hoverCouleur de l’état au survol
#f2f2f2color_definitions.scss
Nom de la propriété
Description
Valeur par défaut
Fichier source
--always-black-rgbCouleur noire en RVB
0, 0, 0color_definitions.scss
--primary-rgbCouleur principale en RVB
34, 34, 34color_definitions.scss
--primary-low-rgbCouleur principale faible en RVB
242, 242, 242color_definitions.scss
--primary-very-low-rgbCouleur principale très faible en RVB
248, 248, 248color_definitions.scss
--secondary-rgbCouleur secondaire en RVB
255, 255, 255color_definitions.scss
--header_background-rgbArrière-plan de l’en-tête en RVB
255, 255, 255color_definitions.scss
--tertiary-rgbCouleur tertiaire en RVB
0, 136, 204color_definitions.scss
--highlight-rgbCouleur de surbrillance en RVB
255, 255, 77color_definitions.scss
--success-rgbCouleur succès en RVB
0, 153, 0color_definitions.scss
12 « J'aime »
Ça a l’air super ! Je vois déjà quelques éléments que je pourrais utiliser dans mon propre thème.
2 « J'aime »
Heliosurge
Janvier 25, 2025, 8:52
3
C’est vraiment génial et très utile. Merci !
:bière: :lunettes de soleil: :pouce levé: :étincelles:
2 « J'aime »