manuel
24.Январь.2025 13:15:35
1
Недавно я делал это для темы, используя Claude-3.5, встроенный в Cursor, для генерации документации. Это сработало довольно хорошо, поэтому я захотел попробовать то же самое для основной кодовой базы Discourse.
Я ограничил контекст файлами .scss, но упираюсь в лимиты контекста, и модель продолжает колебаться, когда нужно включить все свойства. Поэтому хотел поделиться этим — возможно, у кого-то есть лучший промпт или подход?
@Codebase Сгенерируй полную таблицу ВСЕХ пользовательских CSS-свойств из кодовой базы Discourse. Включи каждое свойство из всех файлов и организов их в следующих категориях: Макет и размеры, Радиус границы, Навигация, Боковая панель, Элементы управления вводом, Чат, Типографика, Цвета темы, RGB-значения цветов. Для каждого свойства укажи его имя, описание, значение по умолчанию и исходный файл. Оберни имена свойств и значения по умолчанию в обратные кавычки. Не пропускай ни одного свойства, не задавай вопросов и не добавляй комментариев.
Имя свойства
Описание
Значение по умолчанию
Исходный файл
--d-max-widthМаксимальная ширина контента
1110pxdesktop/discourse.scss
--topic-body-widthШирина тела темы
750pxcommon/foundation/base.scss
--topic-body-width-paddingОтступы для тела темы
20pxcommon/foundation/base.scss
--topic-avatar-widthШирина аватара в темах
45pxcommon/foundation/base.scss
--d-wrap-padding-hГоризонтальные отступы для контейнера обертки
0.67emcommon/base/discourse.scss
Имя свойства
Описание
Значение по умолчанию
Исходный файл
--d-border-radiusРадиус границы по умолчанию
2pxcommon/foundation/base.scss
--d-border-radius-largeБольшой радиус границы
2pxcommon/foundation/base.scss
--d-nav-pill-border-radiusРадиус границы для навигационных таблеток
2pxcommon/foundation/base.scss
--d-button-border-radiusРадиус границы для кнопок
2pxcommon/foundation/base.scss
--d-input-border-radiusРадиус границы для полей ввода
2pxcommon/foundation/base.scss
--full-page-border-radiusРадиус границы для полной страницы
12pxplugins/chat/assets/stylesheets/common/base-common.scss
Имя свойства
Описание
Значение по умолчанию
Исходный файл
--d-nav-colorЦвет текста навигации
var(--primary)common/base/discourse.scss
--d-nav-bg-colorФон навигации
transparentcommon/base/discourse.scss
--d-nav-color--hoverЦвет текста при наведении на навигацию
var(--primary)common/base/discourse.scss
--d-nav-bg-color--hoverФон при наведении на навигацию
var(--d-hover)common/base/discourse.scss
--d-nav-color--activeЦвет текста активной навигации
var(--tertiary)common/base/discourse.scss
--d-nav-bg-color--activeФон активной навигации
transparentcommon/base/discourse.scss
--d-nav-border-color--activeГраница активной навигации
var(--d-nav-color--active)common/base/discourse.scss
--d-nav-underline-heightВысота подчеркивания навигации
0.125emcommon/base/discourse.scss
Имя свойства
Описание
Значение по умолчанию
Исходный файл
--d-sidebar-widthШирина боковой панели
17emcommon/base/sidebar.scss
--d-sidebar-row-horizontal-paddingГоризонтальные отступы для строк
1remcommon/base/sidebar.scss
--d-sidebar-row-heightВысота строк боковой панели
2.2emcommon/base/sidebar.scss
--d-sidebar-animation-timeДлительность анимации
0.25scommon/base/sidebar.scss
--d-sidebar-animation-easeПлавность анимации
ease-in-outcommon/base/sidebar.scss
--d-sidebar-backgroundЦвет фона
var(--secondary)common/base/sidebar.scss
--d-sidebar-admin-backgroundФон административной секции
var(--primary-very-low)common/base/sidebar.scss
--d-sidebar-footer-fadeЦвет затухания футера
rgba(var(--secondary-rgb), 1)common/base/sidebar.scss
--d-sidebar-header-colorЦвет текста заголовка
var(--primary-medium)common/base/sidebar.scss
--d-sidebar-header-icon-colorЦвет иконки заголовка
var(--primary-medium)common/base/sidebar.scss
--d-sidebar-border-colorЦвет границы
var(--primary-low)common/base/sidebar.scss
--d-sidebar-link-colorЦвет текста ссылки
var(--primary-high)common/base/sidebar.scss
--d-sidebar-link-icon-colorЦвет иконки ссылки
var(--primary-500)common/base/sidebar.scss
--d-sidebar-link-badge-colorЦвет бейджа ссылки
var(--primary-700)common/base/sidebar.scss
--d-sidebar-prefix-backgroundЦвет фона префикса
var(--primary-low)common/base/sidebar.scss
--d-sidebar-prefix-colorЦвет текста префикса
var(--d-sidebar-link-color)common/base/sidebar.scss
--d-sidebar-suffix-colorЦвет суффикса
var(--tertiary-med-or-tertiary)common/base/sidebar.scss
Имя свойства
Описание
Значение по умолчанию
Исходный файл
--d-input-bg-colorЦвет фона поля ввода
var(--secondary)common/base/discourse.scss
--d-input-text-colorЦвет текста поля ввода
var(--primary)common/base/discourse.scss
--d-input-borderСтиль границы поля ввода
1px solid var(--primary-400)common/base/discourse.scss
--d-input-bg-color--disabledФон отключенного поля ввода
var(--primary-very-low)common/base/discourse.scss
--d-input-text-color--disabledЦвет текста отключенного поля ввода
var(--primary-medium)common/base/discourse.scss
--d-input-border--disabledГраница отключенного поля ввода
1px solid var(--primary-low)common/base/discourse.scss
Имя свойства
Описание
Значение по умолчанию
Исходный файл
--message-left-widthЛевая ширина для сообщений
42pxplugins/chat/assets/stylesheets/common/base-common.scss
--channel-list-avatar-sizeРазмер аватаров в списке каналов
30pxplugins/chat/assets/stylesheets/common/base-common.scss
--chat-header-offsetСмещение заголовка чата
45pxplugins/chat/assets/stylesheets/common/base-common.scss
--chat-header-expanded-offsetСмещение развернутого заголовка чата
0pxplugins/chat/assets/stylesheets/common/base-common.scss
Имя свойства
Описание
Значение по умолчанию
Исходный файл
--d-font-family--monospaceШрифтовой стек моноширинного шрифта
ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Liberation Mono", menlo, monaco, consolas, monospacecommon/foundation/base.scss
--heading-font-familyСемейство шрифтов для заголовков
Ссылается в коде
common/base/discourse.scss
--font-familyБазовое семейство шрифтов
Ссылается в коде
common/base/discourse.scss
--line-height-smallМаленькая высота строки
Ссылается в коде
common/base/_topic-list.scss
--line-height-mediumСредняя высота строки
Ссылается в коде
common/base/_topic-list.scss
--line-height-largeБольшая высота строки
Ссылается в коде
common/base/_topic-list.scss
Имя свойства
Описание
Значение по умолчанию
Исходный файл
--primaryОсновной цвет
#222222color_definitions.scss
--secondaryВторичный цвет
#ffffffcolor_definitions.scss
--tertiaryТретичный цвет
#0088cccolor_definitions.scss
--quaternaryЧетвертичный цвет
#e45735color_definitions.scss
--header_backgroundЦвет фона заголовка
#ffffffcolor_definitions.scss
--header_primaryОсновной цвет заголовка
#222222color_definitions.scss
--highlightЦвет выделения
#ffff4dcolor_definitions.scss
--dangerЦвет опасности/ошибки
#e45735color_definitions.scss
--successЦвет успеха
#009900color_definitions.scss
--loveЦвет любви/сердца
#fa6c8dcolor_definitions.scss
--d-selectedЦвет выбранного состояния
#e9e9e9color_definitions.scss
--d-hoverЦвет состояния наведения
#f2f2f2color_definitions.scss
Имя свойства
Описание
Значение по умолчанию
Исходный файл
--always-black-rgbЧерный цвет в RGB
0, 0, 0color_definitions.scss
--primary-rgbОсновной цвет в RGB
34, 34, 34color_definitions.scss
--primary-low-rgbНизкий основной цвет в RGB
242, 242, 242color_definitions.scss
--primary-very-low-rgbОчень низкий основной цвет в RGB
248, 248, 248color_definitions.scss
--secondary-rgbВторичный цвет в RGB
255, 255, 255color_definitions.scss
--header_background-rgbФон заголовка в RGB
255, 255, 255color_definitions.scss
--tertiary-rgbТретичный цвет в RGB
0, 136, 204color_definitions.scss
--highlight-rgbЦвет выделения в RGB
255, 255, 77color_definitions.scss
--success-rgbЦвет успеха в RGB
0, 153, 0color_definitions.scss
Выглядит отлично! Я уже вижу несколько вещей, которые смогу использовать в своей теме.
Heliosurge
25.Январь.2025 08:52:29
3
