このテーマはミニマルでありながら、現代的な魅力も兼ね備えることを目指しています。すべてのスタイルは CSS で実装されており、画像は一切使用していません。
ホームページ:
トピックページ:
フルページ検索:
モーダル:
このテーマをさらに改善する方法について、ご意見をお聞かせください。お楽しみください！
 |
プレビュー | テーマクリエイターでプレビュー |
 |
Github リポジトリ | discourse-radiant-theme |
 |
インストールガイド | テーマまたはテーマコンポーネントのインストール方法 |
とても素敵なデザインですね！
背景の形状や色をカスタマイズすることはできますか？また、本体の背景に対する「発光」効果をカスタマイズできると、さらに便利かもしれません。
こんにちは、
素晴らしい作業ですね 
このテーマはとても素敵です 
一つ提案があります。ポップアップ、メニュー、入力フィールドなどに、統一された角丸と影を追加することです。新しいローディングスライダーと組み合わせて、さらに素晴らしいものになると思います
いいえ、背景は CSS の線形グラデーションで作成されています。これをカスタマイズ可能にすると、フォーラム管理者にとって複雑さが増すためです。
ご自身の要件に合わせてテーマをフォークして、さらにカスタマイズしていただくことは自由です。
ご指摘ありがとうございます。改善リストに追加させていただきます。
テーマのスタイルに合わせるため、フォーム入力、ヘッダーメニュー、モーダルを改善しました。最初の投稿に最新のスクリーンショットを更新しました。
素敵なテーマですね。近々使わせていただくかもしれません。ありがとうございます、素晴らしい仕事です。
デフォルトの margin-top を 30px に減らしました。
必要に応じて、テーマをフォークしてさらにカスタマイズしてください。
個人的には、マージンが小さいとグラデーションがやりすぎに見えると思います。
これを背景として実装するには、どのように進めればよいでしょうか？https://codepen.io/chris22smith/pen/RZogMa
このテーマが大好きです！自分が参加しているフォーラムでも紹介したいくらいです。いくつか質問させてください。
私は Discourse を使ってフォーラムを作成する立場ではなく、あくまでユーザーとして利用しています。そのため、質問が的外れだったり、当たり前すぎる内容だったりするかもしれませんが、Discourse で何かを構築した経験はこれまでありません。
このテーマのダークモード版を作る予定はありますか？私は Edge で「Web コンテンツのダークモードを強制する」フラグを有効にしています。Chrome でも同様の機能があります。 通常はこれでうまくいくのですが、以下にその結果をいくつか示します。
このフラグを有効にしても全体的には問題ないのですが、特に理由がないのに不自然に見える箇所がいくつかあります。もし可能であれば、ダークモード向けに調整・修正していただけると嬉しいです :)
ダークモード専用のバージョンを作るためにすべての要素を変更する必要はありません。プロフィールページの奇妙な色の違いを修正するだけで、このフラグを有効にした状態でもほぼ問題なく使えるはずです。
現時点ではありませんが、検討してみます。ただし、配色は異なるものにすることになります。
ご提案ありがとうございます！確認の上、デフォルト（元の）ライトバージョンに影響しない範囲で変更を検討します。
Discourse を新しくセットアップしたばかりで、カスタマイズしたくてたまりませんでした。あなたのテーマを見つけたのは本当に嬉しいです。新鮮で、鮮やかで、素敵です。ありがとうございます！
– ben
非常に良いテーマですが、最近、このテーマはディスコースと互換性がないようです。サイドバーが完全に押しつぶされています。
`
よくぞ見つけてくれました！以下のコミットで修正しました。
ありがとうございます。クールに見えますし、問題も修正されました。
こんにちは
前回のアップデート以降、コンテンツの両側が「固定」されているようです。左右のパディング/マージンがなくなったような感じです。
これは意図的なものでしょうか？テーマのプレビュー画像ではこのようにはなっていません。どうすれば修正できますか？
よろしくお願いします。
これで修正されました。
この問題を報告していただきありがとうございます
修正されたことを確認しました！
信じられないほど速かったです。本当にありがとうございました。
素晴らしいテーマですね
一番上の青いアクセントバーの色を変更する方法を教えていただけますか？
デスクトップSCSSで次のように定義されているのを確認しました。
#main-outlet {
border-top: 8px solid $tertiary;
}
ここで、$tertiary は Discourse コア SCSS で定義された変数から取得され、ユーザーが選択したカラーパレットから取得されると想定しています。
DevTools でバーが #3977ff に設定されていることがわかります。これは、下のスクリーンショットの青いバーとして表示されています。しかし、私のカラーパレットでは、「tertiary」に黄色が設定されており、どこにも #3977ff という色は定義されていません。
これはどういうことでしょうか？そして、色を設定するにはどうすればよいですか？
ああ！ about.json で tertiary が定義されていることがわかりました。
"color_schemes": {
"radiant": {
"primary": "000000",
"tertiary": "3977FF",
"header_primary": "4d4d4d"
}
},
そのため、ここで色の値を取得していると推測されます。しかし、「radiant」カラー スキームが選択されていないのに、なぜここから取得しているのでしょうか？