Sublime テーマ

:discourse2: 概要 Sublime - Discourse用のサブライムテーマ
:hammer_and_wrench: リポジトリリンク https://github.com/discourse/discourse-sublime-theme
:open_book: Discourseテーマ初心者の方へ Discourseテーマの使用に関する初心者ガイド

このテーマをインストール

機能

サイドバーとよく統合するようにゼロから設計された、シンプルでサブライムなDiscourseテーマ。

ライトモード

カテゴリページ:

最新ページ:

ダークモード

カテゴリページ:

最新ページ:

このテーマには以下のコンポーネントが含まれています:


ヒント

Discourse設定

このテーマが正しく表示されるには、以下の設定変更が必要です:

  • enable experimental sidebar hamburger 設定を有効にする
  • desktop category page style に対して サブカテゴリ付きボックス オプションを選択する
  • default dark mode color scheme id として sublime-dark を選択する

ウェルカムバナー

管理 > ウェルカムバナー (/admin/config/welcome-banner) ページに移動します。

  • 場所サイトヘッダーの下 に設定する必要があります

:discourse2: ホスティングは私たちにお任せですか? テーマは、Standard、Business、Enterpriseプランでご利用いただけます。

「いいね!」 35

素敵なテーマですね。

プレビューにあるライト/ダーク切り替えはテーマの一部ですか?

編集:これはテーマコンポーネントだとわかりました。サイドバーで壊れているとマークされていたので、現在安定しているか確認しています。

「いいね!」 3

おお、すごい!それは素晴らしいですね。私のお気に入りのテーマが新しくなりました!現在ここでは使用されていない依存関係があることは承知していますが、Metaで(ダーク)Sublimeを使用できたら嬉しいです!:folded_hands:

 
編集: 非常に些細なことですが、現在アクティブなホームページを示すために使用されている緑色が、ダークモードにはあまり合っていないように思います。パレットの他の部分と比較して、彩度が低すぎるように感じます。

「いいね!」 4

このトピックの背後にこの白い背景を配置するために、どのようなCSSコードを使用しますか?

「いいね!」 3

サイトがライトカラーパレットまたはダークカラーパレットを使用するかどうかによって変更できるカラー変数です。

body #main-outlet {
    background: var(--secondary);
}
「いいね!」 6

そのコンポーネントに関する問題がいくつか報告されているので、修正に取り掛かります。このコンポーネントはデフォルトではこのテーマに含まれておらず、ライトとダークの両方のカラースキームをユーザーにテストしてもらうためにインストールしました。

ありがとうございます!Metaにもインストールできるか確認します。

承知しました。テーマをフォークして、より良く見えるように異なる色を試していただけますか?PRはいつでも歓迎です。:slight_smile:

「いいね!」 4

面白いですね!モバイルUIに関して考慮すべき点はありますか?

「いいね!」 3

モバイルUIは、意見の分かれる配色とボタンのスタイルを除いて、ほぼバニラです。

「いいね!」 4

非常に素敵なテーマです。Retinaディスプレイで美しく表示されます。
ありがとうございます :grinning_face:

「いいね!」 2

#」はどこに置けますか

@danielabc
詳しく説明していただけますか?

hi @techAPJ メインカテゴリをリストではなくボックスにするにはどうすればよいですか?チェックボックスを試しましたが、サブカテゴリのみが変更され、メインカテゴリは変更されませんでした。

私のフォーラムは次のようになっています。

@techAPJ このテーマは素晴らしいですね、ありがとうございます!ダウンロードするのは水平ローディングスライダーコンポーネントですが、これはもちろんコアの一部になりました。:slight_smile:

「いいね!」 5