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

A theme built on the Dracula color palette. This color scheme has been one of my favorite go to themes in the text editors and other software I use.

I felt like Discourse could use it as well :smile:

:bat: : Github Repo https://github.com/dracula/discourse

:vampire: Preview on Theme Creator

:coffin: How do I install a theme or theme component?

If you see anything off, let me know here and I’ll get that updated! Hope you enjoy :smiling_face_with_three_hearts:

「いいね!」 43

This actually looks very neat.

「いいね!」 2

Looking great, I can definitely feel Dracula vibes.

「いいね!」 3

are colours fixed or can they be changed?

「いいね!」 2

Theme colors are fixed per theme/color scheme once defined. If you would like to customize this for your own use though, feel free to fork the repo and change the colors in the about.json file. :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件の投稿が新しいトピックに分割されました: カラー スキームの追加