manuel
(Manuel Kostka)
1
最近、テーマのためにこれを実行し、Cursor に組み込まれた Claude-3.5 にドキュメントを生成させました。それはかなりうまくいったので、Discourse のコアコードベースでも試してみたいと思いました。
コンテキストを .scss ファイルに限定しましたが、コンテキスト制限に引っかかり、モデルがすべてのプロパティを含めるのをためらい続けています。そこで、共有したいと思います。誰かがより良いプロンプトやアプローチを持っているかもしれませんか？
@Codebase Discourse コードベースからすべてのカスタム CSS プロパティの完全なテーブルを生成してください。すべてのファイルからすべてのプロパティを含め、次のカテゴリに整理してください: レイアウトと寸法、境界半径、ナビゲーション、サイドバー、入力コントロール、チャット、タイポグラフィ、テーマカラー、RGB カラー値。各プロパティについて、その名前、説明、デフォルト値、およびソースファイルを表示してください。プロパティ名とデフォルト値はコードバックティックでフォーマットしてください。プロパティをスキップせず、質問せず、コメントを追加しないでください。
レイアウトと寸法
| プロパティ名 |
説明 |
デフォルト値 |
ソースファイル |
--d-max-width |
コンテンツの最大幅 |
1110px |
desktop/discourse.scss |
--topic-body-width |
トピック本文コンテンツの幅 |
750px |
common/foundation/base.scss |
--topic-body-width-padding |
トピック本文のパディング |
20px |
common/foundation/base.scss |
--topic-avatar-width |
トピックのアバターの幅 |
45px |
common/foundation/base.scss |
--d-wrap-padding-h |
ラップコンテナの水平パディング |
0.67em |
common/base/discourse.scss |
境界半径
| プロパティ名 |
説明 |
デフォルト値 |
ソースファイル |
--d-border-radius |
デフォルトの境界半径 |
2px |
common/foundation/base.scss |
--d-border-radius-large |
大きな境界半径 |
2px |
common/foundation/base.scss |
--d-nav-pill-border-radius |
ナビゲーションピルの境界半径 |
2px |
common/foundation/base.scss |
--d-button-border-radius |
ボタンの境界半径 |
2px |
common/foundation/base.scss |
--d-input-border-radius |
入力フィールドの境界半径 |
2px |
common/foundation/base.scss |
--full-page-border-radius |
フルページの境界半径 |
12px |
plugins/chat/assets/stylesheets/common/base-common.scss |
ナビゲーション
| プロパティ名 |
説明 |
デフォルト値 |
ソースファイル |
--d-nav-color |
ナビゲーションテキストの色 |
var(--primary) |
common/base/discourse.scss |
--d-nav-bg-color |
ナビゲーションの背景 |
transparent |
common/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 |
アクティブなナビゲーションの背景 |
transparent |
common/base/discourse.scss |
--d-nav-border-color--active |
アクティブなナビゲーションの境界線 |
var(--d-nav-color--active) |
common/base/discourse.scss |
--d-nav-underline-height |
ナビゲーションの下線の高さ |
0.125em |
common/base/discourse.scss |
サイドバー
| プロパティ名 |
説明 |
デフォルト値 |
ソースファイル |
--d-sidebar-width |
サイドバーの幅 |
17em |
common/base/sidebar.scss |
--d-sidebar-row-horizontal-padding |
行の水平パディング |
1rem |
common/base/sidebar.scss |
--d-sidebar-row-height |
サイドバーの行の高さ |
2.2em |
common/base/sidebar.scss |
--d-sidebar-animation-time |
アニメーションの期間 |
0.25s |
common/base/sidebar.scss |
--d-sidebar-animation-ease |
アニメーションのイージング |
ease-in-out |
common/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 |
メッセージの左側の幅 |
42px |
plugins/chat/assets/stylesheets/common/base-common.scss |
--channel-list-avatar-size |
チャンネルリストのアバターサイズ |
30px |
plugins/chat/assets/stylesheets/common/base-common.scss |
--chat-header-offset |
チャットのヘッダーオフセット |
45px |
plugins/chat/assets/stylesheets/common/base-common.scss |
--chat-header-expanded-offset |
展開されたチャットのヘッダーオフセット |
0px |
plugins/chat/assets/stylesheets/common/base-common.scss |
タイポグラフィ
| プロパティ名 |
説明 |
デフォルト値 |
ソースファイル |
--d-font-family--monospace |
等幅フォントスタック |
ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Liberation Mono", menlo, monaco, consolas, monospace |
common/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 |
プライマリカラー |
#222222 |
color_definitions.scss |
--secondary |
セカンダリカラー |
#ffffff |
color_definitions.scss |
--tertiary |
ターシャリカラー |
#0088cc |
color_definitions.scss |
--quaternary |
クォータナリカラー |
#e45735 |
color_definitions.scss |
--header_background |
ヘッダーの背景色 |
#ffffff |
color_definitions.scss |
--header_primary |
ヘッダーのプライマリカラー |
#222222 |
color_definitions.scss |
--highlight |
ハイライトカラー |
#ffff4d |
color_definitions.scss |
--danger |
危険/エラーカラー |
#e45735 |
color_definitions.scss |
--success |
成功カラー |
#009900 |
color_definitions.scss |
--love |
好き/ハートカラー |
#fa6c8d |
color_definitions.scss |
--d-selected |
選択状態のカラー |
#e9e9e9 |
color_definitions.scss |
--d-hover |
ホバー状態のカラー |
#f2f2f2 |
color_definitions.scss |
RGB カラー値
| プロパティ名 |
説明 |
デフォルト値 |
ソースファイル |
--always-black-rgb |
黒のRGB値 |
0, 0, 0 |
color_definitions.scss |
--primary-rgb |
プライマリカラーのRGB値 |
34, 34, 34 |
color_definitions.scss |
--primary-low-rgb |
プライマリ低彩度のRGB値 |
242, 242, 242 |
color_definitions.scss |
--primary-very-low-rgb |
プライマリ超低彩度のRGB値 |
248, 248, 248 |
color_definitions.scss |
--secondary-rgb |
セカンダリカラーのRGB値 |
255, 255, 255 |
color_definitions.scss |
--header_background-rgb |
ヘッダーの背景色のRGB値 |
255, 255, 255 |
color_definitions.scss |
--tertiary-rgb |
ターシャリカラーのRGB値 |
0, 136, 204 |
color_definitions.scss |
--highlight-rgb |
ハイライトカラーのRGB値 |
255, 255, 77 |
color_definitions.scss |
--success-rgb |
成功カラーのRGB値 |
0, 153, 0 |
color_definitions.scss |
「いいね！」 12
素晴らしいですね！自分のテーマで使えるものがいくつか見えます。
「いいね！」 2
Heliosurge
(Dan DeMontmorency)
3
「いいね！」 2
