ディスコースのカラースキームの切り替え:CSSで赤の色合いを変更する

こんにちは!最近、テーマにカラースキーム切り替えボタン機能を実装しました。デフォルトでは、スナップショットで示されているように、ボタンはカーディナル色合いのダークモードに遷移します。

私はプログラミングに堪能なプログラマーではありませんが、これらの能力の初歩的な理解を徐々に追求し、時折ガイダンスを必要としながら、いくつかの基本的な設定に取り組んでいます。今回の状況は、まさに私が啓発的な支援を求めるような状況のようです。

  1. ネイティブテーマのCSSを変更する必要がありますか、それともコンポーネントのコード内で変更を実装すべきですか?
  2. 赤色全体を変更するためのCSSコードの例を提供していただけますか?

追伸:このテキストを英語に翻訳するために、Discourse AI Translatorを使用しました。:+1:

「いいね!」 1

こんにちは @Aizada_M さん :wave: カラーパレットには、admin-customize-colors からアクセスして変更を加えることができます。そこには、フォーラムの外観を変更するために個々の色を変更できるさまざまなカラーパレットが表示されます。

カラーパレットは admin-customiz-themes タブのフォーラムテーマで使用されるため、まず使用中のテーマを確認して、どのパレットが使用されているかを確認することをお勧めします。そうすれば、どのパレットを変更すればよいかがわかります。

テーマ

ここでは、さまざまなテーマコンポーネントを追加したり、新しいコンポーネントを作成したり、さまざまな要素の CSS や HTML を編集したりできます。カラーパレットセレクターはここで確認できます。

カラーパレット

カラータブでは、対応するパレットを見つけることができます。テーマで使用されているパレットは左側にリストされているはずです。これを編集したいパレットです。テーマには、変更できるライト/ダークパレットがある場合もあります。 Color scheme can be selected by users ボックスは、ユーザーがカラーモードの設定で選択できるものにチェックが入っています。パレットには、カラーピッカーと 16 進数のカラーフィールドが含まれています。

このトピックも参考になるかもしれません :slight_smile:

また、テーマの使用、テーマ開発に慣れていない場合、または単にフォーラムのカスタマイズ方法を学びたい場合は、始めるのに役立つリソースをいくつかご紹介します。

ご返信ありがとうございます!
以前、admin-customize-colors および admin-customiz-themes を通じてカラーカラースキームをカスタマイズしようとしましたが、成功しませんでした。これは、「カラースキーム切り替えボタン」がテーマではなく、単なるテーマコンポーネントであるためだと思います。私が書いた内容に基づくと、「カラースキーム切り替えボタン」には独自のカスタマイズされたCSSカラースキームがあると考えています。

この貴重な知識は確かに私にとって重要であり、資料を徹底的に精査します。改めて、心より感謝申し上げます :pray:

「いいね!」 1

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.