manuel
24 Gennaio 2025, 1:15pm
1
Ho fatto questo di recente per un tema, chiedendo a Claude-3.5, integrato in Cursor, di generare la documentazione. Ha funzionato abbastanza bene, quindi ho voluto provarlo per la codebase principale di Discourse.
Ho limitato il contesto ai file .scss, ma mi imbatto nei limiti di contesto e il modello continua a esitare a includere tutte le proprietà. Quindi volevo condividerlo, forse qualcuno ha un prompt o un approccio migliore?
@Codebase Genera una tabella completa di TUTTE le proprietà CSS personalizzate dalla codebase di Discourse. Includi ogni proprietà da tutti i file e organizzale nelle seguenti categorie: Layout e Dimensioni, Raggio del bordo, Navigazione, Barra laterale, Controlli di input, Chat, Tipografia, Colori del tema, Valori colore RGB. Per ogni proprietà, mostra il suo nome, descrizione, valore predefinito e file di origine. Formatta i nomi delle proprietà e i valori predefiniti con backtick di codice. Non saltare alcuna proprietà, non fare domande e non aggiungere commenti.
Nome proprietà
Descrizione
Valore predefinito
File di origine
--d-max-widthLarghezza massima del contenuto
1110pxdesktop/discourse.scss
--topic-body-widthLarghezza del contenuto del corpo dell’argomento
750pxcommon/foundation/base.scss
--topic-body-width-paddingPadding del corpo dell’argomento
20pxcommon/foundation/base.scss
--topic-avatar-widthLarghezza dell’avatar negli argomenti
45pxcommon/foundation/base.scss
--d-wrap-padding-hPadding orizzontale per il contenitore wrap
0.67emcommon/base/discourse.scss
Nome proprietà
Descrizione
Valore predefinito
File di origine
--d-border-radiusRaggio del bordo predefinito
2pxcommon/foundation/base.scss
--d-border-radius-largeRaggio del bordo grande
2pxcommon/foundation/base.scss
--d-nav-pill-border-radiusRaggio del bordo per le pillole di navigazione
2pxcommon/foundation/base.scss
--d-button-border-radiusRaggio del bordo per i pulsanti
2pxcommon/foundation/base.scss
--d-input-border-radiusRaggio del bordo per gli input
2pxcommon/foundation/base.scss
--full-page-border-radiusRaggio del bordo per pagina intera
12pxplugins/chat/assets/stylesheets/common/base-common.scss
Nome proprietà
Descrizione
Valore predefinito
File di origine
--d-nav-colorColore del testo di navigazione
var(--primary)common/base/discourse.scss
--d-nav-bg-colorSfondo della navigazione
transparentcommon/base/discourse.scss
--d-nav-color--hoverColore del testo di navigazione al passaggio del mouse
var(--primary)common/base/discourse.scss
--d-nav-bg-color--hoverSfondo della navigazione al passaggio del mouse
var(--d-hover)common/base/discourse.scss
--d-nav-color--activeColore del testo di navigazione attivo
var(--tertiary)common/base/discourse.scss
--d-nav-bg-color--activeSfondo della navigazione attivo
transparentcommon/base/discourse.scss
--d-nav-border-color--activeBordo della navigazione attivo
var(--d-nav-color--active)common/base/discourse.scss
--d-nav-underline-heightAltezza del sottolineato della navigazione
0.125emcommon/base/discourse.scss
Nome proprietà
Descrizione
Valore predefinito
File di origine
--d-sidebar-widthLarghezza della barra laterale
17emcommon/base/sidebar.scss
--d-sidebar-row-horizontal-paddingPadding orizzontale per le righe
1remcommon/base/sidebar.scss
--d-sidebar-row-heightAltezza delle righe della barra laterale
2.2emcommon/base/sidebar.scss
--d-sidebar-animation-timeDurata dell’animazione
0.25scommon/base/sidebar.scss
--d-sidebar-animation-easeEasing dell’animazione
ease-in-outcommon/base/sidebar.scss
--d-sidebar-backgroundColore di sfondo
var(--secondary)common/base/sidebar.scss
--d-sidebar-admin-backgroundSfondo sezione admin
var(--primary-very-low)common/base/sidebar.scss
--d-sidebar-footer-fadeColore di dissolvenza del piè di pagina
rgba(var(--secondary-rgb), 1)common/base/sidebar.scss
--d-sidebar-header-colorColore del testo dell’intestazione
var(--primary-medium)common/base/sidebar.scss
--d-sidebar-header-icon-colorColore dell’icona dell’intestazione
var(--primary-medium)common/base/sidebar.scss
--d-sidebar-border-colorColore del bordo
var(--primary-low)common/base/sidebar.scss
--d-sidebar-link-colorColore del testo del link
var(--primary-high)common/base/sidebar.scss
--d-sidebar-link-icon-colorColore dell’icona del link
var(--primary-500)common/base/sidebar.scss
--d-sidebar-link-badge-colorColore del badge del link
var(--primary-700)common/base/sidebar.scss
--d-sidebar-prefix-backgroundColore di sfondo del prefisso
var(--primary-low)common/base/sidebar.scss
--d-sidebar-prefix-colorColore del testo del prefisso
var(--d-sidebar-link-color)common/base/sidebar.scss
--d-sidebar-suffix-colorColore del suffisso
var(--tertiary-med-or-tertiary)common/base/sidebar.scss
Nome proprietà
Descrizione
Valore predefinito
File di origine
--d-input-bg-colorColore di sfondo dell’input
var(--secondary)common/base/discourse.scss
--d-input-text-colorColore del testo dell’input
var(--primary)common/base/discourse.scss
--d-input-borderStile del bordo dell’input
1px solid var(--primary-400)common/base/discourse.scss
--d-input-bg-color--disabledSfondo input disabilitato
var(--primary-very-low)common/base/discourse.scss
--d-input-text-color--disabledColore testo input disabilitato
var(--primary-medium)common/base/discourse.scss
--d-input-border--disabledBordo input disabilitato
1px solid var(--primary-low)common/base/discourse.scss
Nome proprietà
Descrizione
Valore predefinito
File di origine
--message-left-widthLarghezza sinistra per i messaggi
42pxplugins/chat/assets/stylesheets/common/base-common.scss
--channel-list-avatar-sizeDimensione degli avatar nell’elenco canali
30pxplugins/chat/assets/stylesheets/common/base-common.scss
--chat-header-offsetOffset intestazione per chat
45pxplugins/chat/assets/stylesheets/common/base-common.scss
--chat-header-expanded-offsetOffset intestazione espansa per chat
0pxplugins/chat/assets/stylesheets/common/base-common.scss
Nome proprietà
Descrizione
Valore predefinito
File di origine
--d-font-family--monospaceStack font monospace
ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Liberation Mono", menlo, monaco, consolas, monospacecommon/foundation/base.scss
--heading-font-familyFont per le intestazioni
Referenziato nel codice
common/base/discourse.scss
--font-familyFont di base
Referenziato nel codice
common/base/discourse.scss
--line-height-smallAltezza linea piccola
Referenziato nel codice
common/base/_topic-list.scss
--line-height-mediumAltezza linea media
Referenziato nel codice
common/base/_topic-list.scss
--line-height-largeAltezza linea grande
Referenziato nel codice
common/base/_topic-list.scss
Nome proprietà
Descrizione
Valore predefinito
File di origine
--primaryColore primario
#222222color_definitions.scss
--secondaryColore secondario
#ffffffcolor_definitions.scss
--tertiaryColore terziario
#0088cccolor_definitions.scss
--quaternaryColore quaternario
#e45735color_definitions.scss
--header_backgroundColore di sfondo intestazione
#ffffffcolor_definitions.scss
--header_primaryColore primario intestazione
#222222color_definitions.scss
--highlightColore di evidenziazione
#ffff4dcolor_definitions.scss
--dangerColore pericolo/errore
#e45735color_definitions.scss
--successColore successo
#009900color_definitions.scss
--loveColore amore/cuore
#fa6c8dcolor_definitions.scss
--d-selectedColore stato selezionato
#e9e9e9color_definitions.scss
--d-hoverColore stato passaggio del mouse
#f2f2f2color_definitions.scss
Nome proprietà
Descrizione
Valore predefinito
File di origine
--always-black-rgbColore nero in RGB
0, 0, 0color_definitions.scss
--primary-rgbColore primario in RGB
34, 34, 34color_definitions.scss
--primary-low-rgbColore primario basso in RGB
242, 242, 242color_definitions.scss
--primary-very-low-rgbColore primario molto basso in RGB
248, 248, 248color_definitions.scss
--secondary-rgbColore secondario in RGB
255, 255, 255color_definitions.scss
--header_background-rgbSfondo intestazione in RGB
255, 255, 255color_definitions.scss
--tertiary-rgbColore terziario in RGB
0, 136, 204color_definitions.scss
--highlight-rgbColore evidenziazione in RGB
255, 255, 77color_definitions.scss
--success-rgbColore successo in RGB
0, 153, 0color_definitions.scss
12 Mi Piace
Sembra fantastico! Vedo già alcune cose che posso usare nel mio tema.
2 Mi Piace
Heliosurge
25 Gennaio 2025, 8:52am
3
Questo è fantastico e molto utile. Grazie!
:birra: :occhiali da sole: :pollice in su: :scintille:
2 Mi Piace