manuel
Janeiro 24, 2025, 1:15pm
1
Recentemente fiz isso para um tema, solicitando ao Claude-3.5, incorporado ao Cursor, que gerasse documentação. Funcionou muito bem, então quis tentar para a base de código principal do Discourse.
Restringí o contexto a arquivos .scss, mas me deparei com limites de contexto e o modelo continua hesitando em incluir todas as propriedades. Então, queria compartilhar, talvez alguém tenha um prompt ou abordagem melhor?
@Codebase Gere uma tabela completa de TODAS as propriedades CSS personalizadas da base de código do Discourse. Inclua todas as propriedades de todos os arquivos e organize-as nas seguintes categorias: Layout e Dimensões, Raio da Borda, Navegação, Barra Lateral, Controles de Entrada, Chat, Tipografia, Cores do Tema, Valores de Cor RGB. Para cada propriedade, mostre seu nome, descrição, valor padrão e arquivo de origem. Formate os nomes das propriedades e os valores padrão com backticks de código. Não omita nenhuma propriedade, não faça perguntas e não adicione comentários.
Nome da Propriedade
Descrição
Valor Padrão
Arquivo de Origem
--d-max-widthLargura máxima do conteúdo
1110pxdesktop/discourse.scss
--topic-body-widthLargura do conteúdo do corpo do tópico
750pxcommon/foundation/base.scss
--topic-body-width-paddingPreenchimento do corpo do tópico
20pxcommon/foundation/base.scss
--topic-avatar-widthLargura do avatar nos tópicos
45pxcommon/foundation/base.scss
--d-wrap-padding-hPreenchimento horizontal para o contêiner de envolvimento
0.67emcommon/base/discourse.scss
Nome da Propriedade
Descrição
Valor Padrão
Arquivo de Origem
--d-border-radiusRaio da borda padrão
2pxcommon/foundation/base.scss
--d-border-radius-largeRaio da borda grande
2pxcommon/foundation/base.scss
--d-nav-pill-border-radiusRaio da borda para pílulas de navegação
2pxcommon/foundation/base.scss
--d-button-border-radiusRaio da borda para botões
2pxcommon/foundation/base.scss
--d-input-border-radiusRaio da borda para entradas
2pxcommon/foundation/base.scss
--full-page-border-radiusRaio da borda para página inteira
12pxplugins/chat/assets/stylesheets/common/base-common.scss
Nome da Propriedade
Descrição
Valor Padrão
Arquivo de Origem
--d-nav-colorCor do texto da navegação
var(--primary)common/base/discourse.scss
--d-nav-bg-colorFundo da navegação
transparentcommon/base/discourse.scss
--d-nav-color--hoverCor do texto da navegação ao passar o mouse
var(--primary)common/base/discourse.scss
--d-nav-bg-color--hoverFundo da navegação ao passar o mouse
var(--d-hover)common/base/discourse.scss
--d-nav-color--activeCor do texto da navegação ativa
var(--tertiary)common/base/discourse.scss
--d-nav-bg-color--activeFundo da navegação ativa
transparentcommon/base/discourse.scss
--d-nav-border-color--activeBorda da navegação ativa
var(--d-nav-color--active)common/base/discourse.scss
--d-nav-underline-heightAltura do sublinhado da navegação
0.125emcommon/base/discourse.scss
Nome da Propriedade
Descrição
Valor Padrão
Arquivo de Origem
--d-sidebar-widthLargura da barra lateral
17emcommon/base/sidebar.scss
--d-sidebar-row-horizontal-paddingPreenchimento horizontal para linhas
1remcommon/base/sidebar.scss
--d-sidebar-row-heightAltura das linhas da barra lateral
2.2emcommon/base/sidebar.scss
--d-sidebar-animation-timeDuração da animação
0.25scommon/base/sidebar.scss
--d-sidebar-animation-easeSuavização da animação
ease-in-outcommon/base/sidebar.scss
--d-sidebar-backgroundCor de fundo
var(--secondary)common/base/sidebar.scss
--d-sidebar-admin-backgroundFundo da seção de administração
var(--primary-very-low)common/base/sidebar.scss
--d-sidebar-footer-fadeCor de desvanecimento do rodapé
rgba(var(--secondary-rgb), 1)common/base/sidebar.scss
--d-sidebar-header-colorCor do texto do cabeçalho
var(--primary-medium)common/base/sidebar.scss
--d-sidebar-header-icon-colorCor do ícone do cabeçalho
var(--primary-medium)common/base/sidebar.scss
--d-sidebar-border-colorCor da borda
var(--primary-low)common/base/sidebar.scss
--d-sidebar-link-colorCor do texto do link
var(--primary-high)common/base/sidebar.scss
--d-sidebar-link-icon-colorCor do ícone do link
var(--primary-500)common/base/sidebar.scss
--d-sidebar-link-badge-colorCor do distintivo do link
var(--primary-700)common/base/sidebar.scss
--d-sidebar-prefix-backgroundCor de fundo do prefixo
var(--primary-low)common/base/sidebar.scss
--d-sidebar-prefix-colorCor do texto do prefixo
var(--d-sidebar-link-color)common/base/sidebar.scss
--d-sidebar-suffix-colorCor do sufixo
var(--tertiary-med-or-tertiary)common/base/sidebar.scss
Nome da Propriedade
Descrição
Valor Padrão
Arquivo de Origem
--d-input-bg-colorCor de fundo da entrada
var(--secondary)common/base/discourse.scss
--d-input-text-colorCor do texto da entrada
var(--primary)common/base/discourse.scss
--d-input-borderEstilo da borda da entrada
1px solid var(--primary-400)common/base/discourse.scss
--d-input-bg-color--disabledFundo da entrada desativada
var(--primary-very-low)common/base/discourse.scss
--d-input-text-color--disabledCor do texto da entrada desativada
var(--primary-medium)common/base/discourse.scss
--d-input-border--disabledBorda da entrada desativada
1px solid var(--primary-low)common/base/discourse.scss
Nome da Propriedade
Descrição
Valor Padrão
Arquivo de Origem
--message-left-widthLargura esquerda para mensagens
42pxplugins/chat/assets/stylesheets/common/base-common.scss
--channel-list-avatar-sizeTamanho dos avatares na lista de canais
30pxplugins/chat/assets/stylesheets/common/base-common.scss
--chat-header-offsetDeslocamento do cabeçalho para o chat
45pxplugins/chat/assets/stylesheets/common/base-common.scss
--chat-header-expanded-offsetDeslocamento do cabeçalho expandido para o chat
0pxplugins/chat/assets/stylesheets/common/base-common.scss
Nome da Propriedade
Descrição
Valor Padrão
Arquivo de Origem
--d-font-family--monospacePilha de fontes monoespaçadas
ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Liberation Mono", menlo, monaco, consolas, monospacecommon/foundation/base.scss
--heading-font-familyFamília de fontes para títulos
Referenciado no código
common/base/discourse.scss
--font-familyFamília de fontes base
Referenciado no código
common/base/discourse.scss
--line-height-smallAltura da linha pequena
Referenciado no código
common/base/_topic-list.scss
--line-height-mediumAltura da linha média
Referenciado no código
common/base/_topic-list.scss
--line-height-largeAltura da linha grande
Referenciado no código
common/base/_topic-list.scss
Nome da Propriedade
Descrição
Valor Padrão
Arquivo de Origem
--primaryCor primária
#222222color_definitions.scss
--secondaryCor secundária
#ffffffcolor_definitions.scss
--tertiaryCor terciária
#0088cccolor_definitions.scss
--quaternaryCor quaternária
#e45735color_definitions.scss
--header_backgroundCor de fundo do cabeçalho
#ffffffcolor_definitions.scss
--header_primaryCor primária do cabeçalho
#222222color_definitions.scss
--highlightCor de destaque
#ffff4dcolor_definitions.scss
--dangerCor de perigo/erro
#e45735color_definitions.scss
--successCor de sucesso
#009900color_definitions.scss
--loveCor de amor/coração
#fa6c8dcolor_definitions.scss
--d-selectedCor do estado selecionado
#e9e9e9color_definitions.scss
--d-hoverCor do estado ao passar o mouse
#f2f2f2color_definitions.scss
Nome da Propriedade
Descrição
Valor Padrão
Arquivo de Origem
--always-black-rgbCor preta em RGB
0, 0, 0color_definitions.scss
--primary-rgbCor primária em RGB
34, 34, 34color_definitions.scss
--primary-low-rgbCor primária baixa em RGB
242, 242, 242color_definitions.scss
--primary-very-low-rgbCor primária muito baixa em RGB
248, 248, 248color_definitions.scss
--secondary-rgbCor secundária em RGB
255, 255, 255color_definitions.scss
--header_background-rgbFundo do cabeçalho em RGB
255, 255, 255color_definitions.scss
--tertiary-rgbCor terciária em RGB
0, 136, 204color_definitions.scss
--highlight-rgbCor de destaque em RGB
255, 255, 77color_definitions.scss
--success-rgbCor de sucesso em RGB
0, 153, 0color_definitions.scss
12 curtidas
Parece ótimo! Já consigo ver algumas coisas que posso usar no meu próprio tema.
2 curtidas
Heliosurge
Janeiro 25, 2025, 8:52am
3
2 curtidas
