Sublimeテーマ

[Discourse]

||||\n-|-|-|\n:discourse2: | 概要 | Sublime - Discourse用の崇高なテーマ\n:hammer_and_wrench: | リポジトリリンク | \u003chttps://github.com/discourse/discourse-sublime-theme\u003e\n:open_book: |Discourseテーマは初めてですか？ | Discourseテーマの初心者ガイド\n\n[wrap=theme-install-button repoUrl="https://github.com/discourse/discourse-sublime-theme\" repoName="Sublime Theme"]\nこのテーマをインストール\n[/wrap]\n\n[quote]\n\n:discourse2: これはDiscourseチームによって保守されている#公式テーマであるため、#サポートの問題、#バグレポート、#uxの提案、および#devに関するアドバイスのリクエストは、Metaの該当するカテゴリで、適切なテーマタグを付けて行うことができます。開始するには、以下のリンクのいずれかをクリックしてください。 \n\n\u003ckbd\u003e [\u0026nbsp;サポート](Discourse Meta "Sublimeテーマの設定と使用に関するサポートを求める") \u003c/kbd\u003e \u003ckbd\u003e [\u0026nbsp;バグ](Discourse Meta "バグレポートは、テーマの通常/典型的な使用を妨げる何かが壊れていることを意味します") \u003c/kbd\u003e \u003ckbd\u003e [\u0026nbsp;UX](Discourse Meta "Sublimeテーマのユーザーインターフェイス、および機能の表示方法（言語やUI要素を含む）に関するディスカッション") \u003c/kbd\u003e \u003ckbd\u003e [\u0026nbsp;開発](Discourse Meta "このテーマをサイト用にカスタマイズする方法に関するアドバイス")\u003c/kbd\u003e\n\n[/quote]\n\n\n### 特徴\n\nサイドバーとの統合がうまくいくようにゼロから設計された、シンプルで崇高なDiscourseテーマ。\n\n### ライトモード\n\nカテゴリページ:\n\n

\n\n最新ページ:\n\n

\n\n### ダークモード\n\nカテゴリページ:\n\n

\n\n\n最新ページ:\n\n

\n\nこのテーマには、次のコンポーネントが含まれています。\n\n* Discourseローディングスライダー\n\n— \n### ヒント\n\n### Discourse設定\n\nこのテーマが正しくレンダリングされるためには、以下の設定変更が必要です。\n\n- enable experimental sidebar hamburger設定を有効にする\n- desktop category page styleのオプションとしてBoxes with Subcategoriesを選択する\n- default dark mode color scheme idとしてsublime-darkを選択する\n\n### ウェルカムバナー\n\n管理者 > ウェルカムバナー (/admin/config/welcome-banner) ページに移動します。\n\n* 場所はBelow site headerに設定する必要があります\n\n\u003cbr\u003e\n\n\u003e:discourse2: ホスティングをご利用ですか？ テーマは、当社のStandard、Business、およびEnterpriseプランでご利用いただけます。

[thefreekick]

素敵なテーマですね。

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

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

Dark/Light Mode Toggle

Summary Dark/Light Mode Toggle adds a clickable toggle color scheme button in the hamburger menu. The toggle switches between a light or dark color scheme for one theme. Repository Link https://github.com/discourse/discourse-color-scheme-toggle New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Features This component allows a dark/light mode toggle icon on your Discourse forum. It…

[khenmu (John Sweeney)]

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

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

[danielabc (Daniela)]

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

[dax (Daniela)]

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

body #main-outlet {
    background: var(--secondary);
}

[techAPJ (Arpit Jalan)]

@thefreekick

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

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

@khenmu

おお、すごい！これはゴージャスですね。新しいお気に入りのテーマになりました！現在ここでは使用されていない依存関係があることは承知していますが、Metaでも（ダーク）Sublimeを使用できたら嬉しいです！

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

@khenmu

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

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

[icaria36]

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

[techAPJ (Arpit Jalan)]

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

[Wojtekxtx]

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

[danielabc (Daniela)]

「#」はどこに置けますか？

[Wojtekxtx]

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

[adenoe (ade)]

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

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

[Lilly]

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