 |
概要 | ヘッダーグラデーションとコンポーザーグラデーション |
 |
プレビュー | Theme Creator |
| : hammer_and_wrench: | リポジトリ | GitHub - tracey-le/discourse-header-gradient: Gradient header - Discourse theme component |
| : question: | インストールガイド | テーマまたはテーマコンポーネントのインストール方法 |
| : open_book: | Discourseテーマ初心者の方へ | Discourseテーマの使用に関する初心者向けガイド |
このテーマコンポーネントをインストール
ヘッダーとコンポーザーにシンプルな虹色のグラデーションを追加するテーマコンポーネント。他のテーマに追加できます。
スクリーンショット
設定と情報
ヘッダーアイコンの色
カラーパレットで、ヘッダーのアイコンの色をヘッダープライマリとヘッダー背景の色で制御できます。（2つではなく、1つの変数だけを設定するように調整したいと考えています）
このコンポーネントを複数のテーマ（例：ダークおよびライトのカラーパレット）にインストールしたい場合があるため、この色をハードコーディングしたくありませんでした。
アイコンの色を変更する方法は次のとおりです。
-
白: 両方の値を
#ffffffに設定できます。 -
黒: 両方の値を
#000000に設定できます。
FYI：両方を設定する必要があるのは、実際のヘッダーアイコンの色がヘッダープライマリとヘッダー背景の色を混合したものに依存するためです。
謝辞
長年にわたり、Ghost cyberpunk theme、Peacock Gradient theme、Discourse Rainbow themeからインスピレーションを得たり、コードを使用したりしました（テーマコードのコメントに各部分のクレジットを追加しました）。
TODO:
-
グラデーションの色をテーマ設定でカスタマイズできるようにしたいと考えています。まだ実際に調べる機会がありませんでした。
-
ヘッダープライマリの色を設定するだけでヘッダーアイコンの色をカスタマイズできるようにしたい（ヘッダー背景の色は、ヘッダー全体の背景が虹色のグラデーションであるため、ユーザーには関係ありません）。