manuel
24. Januar 2025 um 13:15
1
Ich habe dies kürzlich für ein Theme getan und Claude-3.5, eingebettet in Cursor, aufgefordert, Dokumentationen zu generieren. Es hat ziemlich gut funktioniert, daher wollte ich es für die Discourse-Kerncodebasis ausprobieren.
Ich habe den Kontext auf .scss-Dateien beschränkt, stoße aber auf Kontextgrenzen und das Modell zögert immer wieder, alle Eigenschaften tatsächlich einzuschließen. Daher wollte ich es teilen, vielleicht hat jemand eine bessere Eingabeaufforderung oder einen besseren Ansatz?
@Codebase Generiere eine vollständige Tabelle ALLER benutzerdefinierten CSS-Eigenschaften aus der Discourse-Codebasis. Schließe jede Eigenschaft aus allen Dateien ein und organisiere sie in den folgenden Kategorien: Layout & Dimensionen, Randradius, Navigation, Seitenleiste, Eingabesteuerelemente, Chat, Typografie, Themenfarben, RGB-Farbwerte. Zeige für jede Eigenschaft ihren Namen, ihre Beschreibung, ihren Standardwert und ihre Quelldatei. Formatiere die Eigenschaftsnamen und Standardwerte mit Code-Backticks. Lasse keine Eigenschaften aus, stelle keine Fragen und füge keinen Kommentar hinzu.
Eigenschaftsname
Beschreibung
Standardwert
Quelldatei
--d-max-widthMaximale Inhaltsbreite
1110pxdesktop/discourse.scss
--topic-body-widthBreite des Inhalts des Themensubjekts
750pxcommon/foundation/base.scss
--topic-body-width-paddingPolsterung für das Themensubjekt
20pxcommon/foundation/base.scss
--topic-avatar-widthBreite des Avatars in Themen
45pxcommon/foundation/base.scss
--d-wrap-padding-hHorizontale Polsterung für den Wrap-Container
0.67emcommon/base/discourse.scss
Eigenschaftsname
Beschreibung
Standardwert
Quelldatei
--d-border-radiusStandard-Randradius
2pxcommon/foundation/base.scss
--d-border-radius-largeGroßer Randradius
2pxcommon/foundation/base.scss
--d-nav-pill-border-radiusRandradius für Navigationspills
2pxcommon/foundation/base.scss
--d-button-border-radiusRandradius für Schaltflächen
2pxcommon/foundation/base.scss
--d-input-border-radiusRandradius für Eingaben
2pxcommon/foundation/base.scss
--full-page-border-radiusRandradius für die gesamte Seite
12pxplugins/chat/assets/stylesheets/common/base-common.scss
Eigenschaftsname
Beschreibung
Standardwert
Quelldatei
--d-nav-colorNavigations-Textfarbe
var(--primary)common/base/discourse.scss
--d-nav-bg-colorNavigation-Hintergrund
transparentcommon/base/discourse.scss
--d-nav-color--hoverNavigation-Textfarbe beim Hovern
var(--primary)common/base/discourse.scss
--d-nav-bg-color--hoverNavigation-Hintergrund beim Hovern
var(--d-hover)common/base/discourse.scss
--d-nav-color--activeAktive Navigation-Textfarbe
var(--tertiary)common/base/discourse.scss
--d-nav-bg-color--activeAktiver Navigation-Hintergrund
transparentcommon/base/discourse.scss
--d-nav-border-color--activeAktiver Navigation-Rand
var(--d-nav-color--active)common/base/discourse.scss
--d-nav-underline-heightHöhe der Navigationsunterstreichung
0.125emcommon/base/discourse.scss
Eigenschaftsname
Beschreibung
Standardwert
Quelldatei
--d-sidebar-widthBreite der Seitenleiste
17emcommon/base/sidebar.scss
--d-sidebar-row-horizontal-paddingHorizontale Polsterung für Zeilen
1remcommon/base/sidebar.scss
--d-sidebar-row-heightHöhe der Seitenleistenzellen
2.2emcommon/base/sidebar.scss
--d-sidebar-animation-timeAnimationsdauer
0.25scommon/base/sidebar.scss
--d-sidebar-animation-easeAnimation-Easing
ease-in-outcommon/base/sidebar.scss
--d-sidebar-backgroundHintergrundfarbe
var(--secondary)common/base/sidebar.scss
--d-sidebar-admin-backgroundHintergrund des Admin-Bereichs
var(--primary-very-low)common/base/sidebar.scss
--d-sidebar-footer-fadeFarbe des Fußzeilen-Fades
rgba(var(--secondary-rgb), 1)common/base/sidebar.scss
--d-sidebar-header-colorTextfarbe des Headers
var(--primary-medium)common/base/sidebar.scss
--d-sidebar-header-icon-colorIcon-Farbe des Headers
var(--primary-medium)common/base/sidebar.scss
--d-sidebar-border-colorRandfarbe
var(--primary-low)common/base/sidebar.scss
--d-sidebar-link-colorTextfarbe des Links
var(--primary-high)common/base/sidebar.scss
--d-sidebar-link-icon-colorIcon-Farbe des Links
var(--primary-500)common/base/sidebar.scss
--d-sidebar-link-badge-colorBadge-Farbe des Links
var(--primary-700)common/base/sidebar.scss
--d-sidebar-prefix-backgroundHintergrundfarbe des Präfixes
var(--primary-low)common/base/sidebar.scss
--d-sidebar-prefix-colorTextfarbe des Präfixes
var(--d-sidebar-link-color)common/base/sidebar.scss
--d-sidebar-suffix-colorFarbe des Suffixes
var(--tertiary-med-or-tertiary)common/base/sidebar.scss
Eigenschaftsname
Beschreibung
Standardwert
Quelldatei
--d-input-bg-colorHintergrundfarbe der Eingabe
var(--secondary)common/base/discourse.scss
--d-input-text-colorTextfarbe der Eingabe
var(--primary)common/base/discourse.scss
--d-input-borderRandstil der Eingabe
1px solid var(--primary-400)common/base/discourse.scss
--d-input-bg-color--disabledHintergrund der deaktivierten Eingabe
var(--primary-very-low)common/base/discourse.scss
--d-input-text-color--disabledTextfarbe der deaktivierten Eingabe
var(--primary-medium)common/base/discourse.scss
--d-input-border--disabledRand der deaktivierten Eingabe
1px solid var(--primary-low)common/base/discourse.scss
Eigenschaftsname
Beschreibung
Standardwert
Quelldatei
--message-left-widthLinke Breite für Nachrichten
42pxplugins/chat/assets/stylesheets/common/base-common.scss
--channel-list-avatar-sizeGröße der Avatare in der Kanalliste
30pxplugins/chat/assets/stylesheets/common/base-common.scss
--chat-header-offsetHeader-Offset für Chat
45pxplugins/chat/assets/stylesheets/common/base-common.scss
--chat-header-expanded-offsetErweiterter Header-Offset für Chat
0pxplugins/chat/assets/stylesheets/common/base-common.scss
Eigenschaftsname
Beschreibung
Standardwert
Quelldatei
--d-font-family--monospaceMonospace-Schriftfamilie
ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Liberation Mono", menlo, monaco, consolas, monospacecommon/foundation/base.scss
--heading-font-familySchriftfamilie für Überschriften
Referenziert im Code
common/base/discourse.scss
--font-familyBasis-Schriftfamilie
Referenziert im Code
common/base/discourse.scss
--line-height-smallKleine Zeilenhöhe
Referenziert im Code
common/base/_topic-list.scss
--line-height-mediumMittlere Zeilenhöhe
Referenziert im Code
common/base/_topic-list.scss
--line-height-largeGroße Zeilenhöhe
Referenziert im Code
common/base/_topic-list.scss
Eigenschaftsname
Beschreibung
Standardwert
Quelldatei
--primaryPrimärfarbe
#222222color_definitions.scss
--secondarySekundärfarbe
#ffffffcolor_definitions.scss
--tertiaryTertiärfarbe
#0088cccolor_definitions.scss
--quaternaryQuartärfarbe
#e45735color_definitions.scss
--header_backgroundHeader-Hintergrundfarbe
#ffffffcolor_definitions.scss
--header_primaryPrimärfarbe des Headers
#222222color_definitions.scss
--highlightHervorhebungsfarbe
#ffff4dcolor_definitions.scss
--dangerGefahr-/Fehlerfarbe
#e45735color_definitions.scss
--successErfolgsfarbe
#009900color_definitions.scss
--loveLiebe-/Herzfarbe
#fa6c8dcolor_definitions.scss
--d-selectedFarbe des ausgewählten Zustands
#e9e9e9color_definitions.scss
--d-hoverFarbe des Hover-Zustands
#f2f2f2color_definitions.scss
Eigenschaftsname
Beschreibung
Standardwert
Quelldatei
--always-black-rgbSchwarz in RGB
0, 0, 0color_definitions.scss
--primary-rgbPrimärfarbe in RGB
34, 34, 34color_definitions.scss
--primary-low-rgbNiedrige Primärfarbe in RGB
242, 242, 242color_definitions.scss
--primary-very-low-rgbSehr niedrige Primärfarbe in RGB
248, 248, 248color_definitions.scss
--secondary-rgbSekundärfarbe in RGB
255, 255, 255color_definitions.scss
--header_background-rgbHeader-Hintergrund in RGB
255, 255, 255color_definitions.scss
--tertiary-rgbTertiärfarbe in RGB
0, 136, 204color_definitions.scss
--highlight-rgbHervorhebungsfarbe in RGB
255, 255, 77color_definitions.scss
--success-rgbErfolgsfarbe in RGB
0, 153, 0color_definitions.scss
12 „Gefällt mir“
Sieht großartig aus! Ich sehe schon ein paar Dinge, die ich in meinem eigenen Theme verwenden kann.
2 „Gefällt mir“
Heliosurge
25. Januar 2025 um 08:52
3
2 „Gefällt mir“
