Dracula: Discourse 向けのダークテーマ

Dracula カラーパレットに基づいて構築されたテーマです。このカラーテーマは、私が使用するテキストエディタやその他のソフトウェアで、お気に入りの定番テーマの一つです。

Discourse でもこれを使えるようにしたくなりました :smile:

:bat: : GitHub リポジトリ https://github.com/dracula/discourse

:vampire: テーマクリエイターでプレビュー

:coffin: テーマまたはテーマコンポーネントのインストール方法

何か不具合があれば、ここで教えていただければ修正いたします!お楽しみください :smiling_face_with_three_hearts:

「いいね!」 43

これ、すごく素敵ですね。

「いいね!」 2

とても素敵ですね、ドラキュラらしさがよく感じられます。

「いいね!」 3

色は固定されていますか、それとも変更できますか?

「いいね!」 2

テーマカラーは、一度定義されるとテーマ/カラースキームごとに固定されます。ただし、ご自身でカスタマイズしたい場合は、リポジトリをフォークして about.json ファイル内の色を変更してください。:vampire:

「いいね!」 3

こんにちは、

モバイル表示で「返信」カラムを非表示にし、「閲覧数」カラムを表示するにはどうすればよいでしょうか?よろしくお願いいたします。

追記:「返信」カラムの非表示は解決しましたが、「閲覧数」カラムを追加する方法がわかりません。

モバイル端末では views(閲覧数)は表示されず、activity(アクティビティ)と replies(返信)のみが表示されます。ご自身でモバイル向けのトピック一覧ビューを作成するには、以下の場所にあるモバイル用 topic-list-item テンプレートを編集するテーマコンポーネントを作成する必要があります。

これと似たことを行ったフォロムのメンバーの例は、以下のトピックでご確認いただけます。


これまでテーマやテーマコンポーネントを作成したことがない場合は、プロセスを非常にわかりやすく解説している以下のトピックをお読みいただくことをお勧めします。

「いいね!」 4

Dracula Theme - 色の問題

説明: DiscourseサイトでDraculaテーマに関する問題が発生しました。テーマの外観が、特に配色とタブの外観において、期待されるものと異なっていました。当初、Draculaを使用している他のサイトとは異なり、テストサイトでテーマが異なって表示されました。GitHubリポジトリから再インストールした後、外観が一致したため、コードや変数の使用が古い可能性が示唆されました。
再現手順:

  1. 管理 → カスタマイズ → テーマからDraculaテーマをインストールしました。
  2. デフォルトのテーマとして設定しました。
  3. 管理 → カスタマイズの下で、ユーザーの他のテーマと配色オプションを無効にしました。
  4. プロファイル(設定 → インターフェース)で、Draculaのみが選択可能なテーマであることを確認し、デフォルト設定で表示されていることを確認しました。
  5. 外観、特にタブが期待通りに表示されていない(テーマに潜在的な問題があることを示唆)ことに気づきました。

スクリーンショット:

プラットフォーム:

  • Mac (デスクトップ)

ブラウザ:

  • Chrome

追加コメント: この問題は、テーマで古いCSS変数を使用していることに起因するようです。Draculaテーマの現在の構文($primary、$tertiary、$secondary)は、最近のDiscourseテーマで使用されている新しい変数形式(var(–tertiary)、var(–secondary))と比較して廃止されています。これはこのGitHubの例で見られます。この古い変数の使用は、特に代替テーマや配色が選択できない場合に、異常なレンダリングを引き起こしている可能性が高いです。テーマの再インストール後も問題は残っており、テーマのコード構造内のより深い問題を示唆しています。

共有ありがとうございます!修正作業を進めています。

これをテーマとして設定することは可能ですか?

サイドバーのテーマスイッチリストに表示する必要があります。

これはメタとサイドバーにインストールするように求めていますか?

カラー スキームは、Discourse で選択できるものにもなっています。

「いいね!」 1

はい、メタでこれを選択することは可能ですか?

今のところ、利用できないようです。

Dracula は、ここメタで配色テーマの選択肢として利用できます。

ユーザー設定の個人設定エリアでインターフェイス設定にアクセスすることで、そこにたどり着くことができます。

「いいね!」 2

いいえ、私にはそうではありません。

これで、metaの環境設定にあるカラーセレクターでDraculaカラースキームを選択できるようになりました。

4件の投稿が新しいトピックに分割されました: カラー スキームの追加