Aizada_M
(Aizada M)
2023 年 8 月 30 日午後 5:27
1
こんにちは!最近、テーマにカラースキーム切り替えボタン 機能を実装しました。デフォルトでは、スナップショットで示されているように、ボタンはカーディナル色合いのダークモードに遷移します。
。
私はプログラミングに堪能なプログラマーではありませんが、これらの能力の初歩的な理解を徐々に追求し、時折ガイダンスを必要としながら、いくつかの基本的な設定に取り組んでいます。今回の状況は、まさに私が啓発的な支援を求めるような状況のようです。
ネイティブテーマのCSSを変更する必要がありますか、それともコンポーネントのコード内で変更を実装すべきですか?
赤色全体を変更するためのCSSコードの例を提供していただけますか?
追伸:このテキストを英語に翻訳するために、Discourse AI Translatorを使用しました。
Lilly
(Lillian )
2023 年 8 月 31 日午前 12:39
2
こんにちは @Aizada_M さん カラーパレットには、admin-customize-colors からアクセスして変更を加えることができます。そこには、フォーラムの外観を変更するために個々の色を変更できるさまざまなカラーパレットが表示されます。
カラーパレットは admin-customiz-themes タブのフォーラムテーマで使用されるため、まず使用中のテーマを確認して、どのパレットが使用されているかを確認することをお勧めします。そうすれば、どのパレットを変更すればよいかがわかります。
テーマ
ここでは、さまざまなテーマコンポーネントを追加したり、新しいコンポーネントを作成したり、さまざまな要素の CSS や HTML を編集したりできます。カラーパレットセレクターはここで確認できます。
カラーパレット
カラータブでは、対応するパレットを見つけることができます。テーマで使用されているパレットは左側にリストされているはずです。これを編集したいパレットです。テーマには、変更できるライト/ダークパレットがある場合もあります。 Color scheme can be selected by users ボックスは、ユーザーがカラーモードの設定で選択できるものにチェックが入っています。パレットには、カラーピッカーと 16 進数のカラーフィールドが含まれています。
Lilly
(Lillian )
2023 年 8 月 31 日午前 12:43
3
このトピックも参考になるかもしれません
このガイドでは、CSSの紹介、DiscourseでのCSSの追加場所、ブラウザのインスペクションツールを使用して適切なセレクターを見つける方法を含め、DiscourseサイトでCSSを変更する方法を説明します。
必須ユーザーレベル:管理者
まとめ
このガイドでは、以下の内容をカバーします。
CSSと主要な概念の簡単な紹介
テーマコンポーネントを使用してDiscourseサイトにCSSを追加する方法
ブラウザのインスペクションツールを使用して適切なCSSセレクターを見つける方法
CSSの基本を理解する
CSSはCascading Style Sheetsの略です。理解すべき3つの主要な概念を以下に示します。
構造: CSSルールは、セレクター、プロパティ、値で構成されます。
p {
color: red;
}
セレクター: p (すべてのHTML <p>タグを対象とします)
プロパティ: color
値: red
[CSSルールの内訳]
カスケード: 最後に適用されたルールが優先されます。…
また、テーマの使用、テーマ開発に慣れていない場合、または単にフォーラムのカスタマイズ方法を学びたい場合は、始めるのに役立つリソースをいくつかご紹介します。
具体的に尋ねるまでもなく、これらは良い出発点です。
Aizada_M
(Aizada M)
2023 年 9 月 1 日午前 9:18
4
Lillian Louis:
こんにちは @Aizada_M カラーパレットには、admin-customize-colors にアクセスして変更を加えることができます。そこには、フォーラムの外観を変更するために個々の色を変更できるさまざまなカラーパレットが表示されます。
カラーパレットは、admin-customiz-themes タブのフォーラムテーマで使用されるため、まず使用中のテーマを確認して、どのパレットが使用されているかを確認することをお勧めします。そうすれば、どのパレットを変更すればよいかがわかります。
ご返信ありがとうございます!
以前、admin-customize-colors および admin-customiz-themes を通じてカラーカラースキームをカスタマイズしようとしましたが、成功しませんでした。これは、「カラースキーム切り替えボタン 」がテーマではなく、単なるテーマコンポーネントであるためだと思います。私が書いた内容に基づくと、「カラースキーム切り替えボタン」には独自のカスタマイズされたCSSカラースキームがあると考えています。
この貴重な知識は確かに私にとって重要であり、資料を徹底的に精査します。改めて、心より感謝申し上げます