FKB Pro - ソーシャルテーマ

議論している間に試してみることにしました。

fbkをテーマとしてインストールしました。カラースキームも指示通りに設定しましたが、トリガーを押してもカラースキームが変更されない理由がわかりません。

問題は、ダークスキームがデフォルトで設定されていることでしょうか?

これらの設定が正しくセットアップされているか確認していただけますか?

そして

ユーザーインターフェース設定でダークモードとライトモード(デフォルト)のカラースキームを同じカラーパレットに設定した場合、変更されません。

利用可能なカラースキームは2つのみ



ダークカラースキームを設定

ダークモードの自動設定はオフ

問題は、FKB Pro テーマページで Color Palette があなたの設定では FKB - Dark になっており、default dark mode color scheme idFKB - Dark になっていることだと思います。このため、ボタンをクリックしても同じカラーパレットに切り替わってしまいます。FKB Pro テーマページで Color PaletteFKB - Light に変更してみてください。

「いいね!」 1

デフォルトのダークモードカラースキームID - FKB-lightで変更されましたが、切り替えても機能しません
image image

はい、助かりました。
しかし、なぜか認証されていない場合にのみ機能します。

「いいね!」 1

それはあなたの個人的な好みにもよります。こちらで確認できます。preferences/interfaceカラー スキーム セクションを変更してください。

これは匿名ユーザーでは機能しますが、サイトの設定により、
デフォルトのカラー スキーム: FKB - ライト
ダーク カラー スキーム: FKB - ダーク

しかし、それはあなたの個人的な設定で上書きされていると思います。

よくわかりませんが、デフォルトのテーマをダークにして、ホワイトをオンにするオプションを付けることは可能ですか?

技術的には、FKB Pro テーマページで カラーパレットFKB - Dark に、default dark mode color scheme idFKB - Light に変更することで可能です。しかし、それは避けるべきです。ユーザーがデバイスをダークモードに変更した場合、FKB - Light スキームが使用されるため、あまりユーザーフレンドリーではありません。そのため、良いアイデアだとは思いません。また、サイドバーのトグルも逆の動作になります。

どうしてもこれを行いたい場合は、自動カラー スキーム変更サイト設定を無効にする方が少し良いでしょう。これにより、ダーク/ライト カラー スキームの変更は自動的には機能しなくなります。ただし、ユーザーは 設定/インターフェース ページで好みのカラー スキームを選択できます。

ああ。登録せずにガイドを読むことを望まないユーザーがたくさんいます。パネルのボタン1つで、ダーク(デフォルト)からセカンダリホワイトへの配色変更ができないのは残念です。

こんにちは。このテーマと「Topic Ratings Plugin」プラグインを使用しています。すべてのアップデートが完了しました。

評価の星は、任意のトピックタイトルのページに表示されます。

しかし、ホームページでは、投稿の評価の星の代わりに[object Object]が表示されます。

これを修正するにはどうすればよいですか?

*注意:問題はアップデート後(DiscourseとTopic Ratings Plugin)に発生しました。

こんにちは @restivulmu :waving_hand:

デフォルトテーマなどの他のテーマでも試していただけますでしょうか。このテーマには、トピック評価に関する小さなCSSスニペットしか含まれておらず、この種の問題を引き起こす可能性は低いと思われます。Discourseのバージョンも更新されましたか?

「いいね!」 1

ありがとうございます。テーマを切り替えると問題が継続します。その後、テーマに問題はありません。

すべて最新バージョンです。問題の根本原因については、まったく見当がつきません。

「いいね!」 1

素晴らしいテーマです!

「いいね!」 1

@Don こんにちは!このコンポーネントを互換性のあるものにすることは可能ですか?

「いいね!」 2

素晴らしいテーマですね、@Don さん。作成していただきありがとうございます。

ホームページをカードではなくトピックリストに置き換えることは可能でしょうか?

「いいね!」 1

こんにちは。下のセクションを赤い線に合わせるにはどうすればよいですか?

上のトピック/投稿セクションと揃っておらず、私の強迫観念を刺激しています(笑)。
また、@Donさん、この上のタブを右に移動するにはどうすればよいですか? CSSをいじってみましたが、うまくいきません。トピックの一部を覆っているのが好きではありません。

「g」のような「下にぶら下がる」文字が切り取られてしまうことにイライラした場合は、次の修正を行ってください。
fkb-c-topic-list.scss ファイルに移動し、123行目(デフォルトでは)の
line-height: var(--line-height-small);line-height: 1.1rem; に変更します。これにより、切り取られることなく正常に表示されます。

「いいね!」 1

上記の2つの返信に加えて、@Don、縦長画像と横長画像でトピック画像の背景を使い分けることは可能でしょうか?

例:縦長の画像が投稿された場合、画像が切り取られず、ぼかしがかかるように、全体がこのように表示されるようにしたいです。

そして、横長の画像が投稿された場合、ぼかしを必要とせず、このようにすべてのスペースを占めるようにしたいです。

これが実現できれば素晴らしいです。Facebookも実際にはこのように表示しています。

こんにちは、@Festingerさん :wave: ありがとうございます!デフォルトのトピックリストテンプレートを使用するという意味ですか?まだわかりませんが、試してみます。もしそれが機能すれば、これも機能するはずです。


こんにちは、@45thj5ejさん :wave: 実際、それはトピックのアバター+トピックの本文の幅と完全に揃っています :smiley:

しかし、必要であれば変更できます :arrow_down_small:

デスクトップCSS

.topic-area > .loading-container,
.topic-above-footer-buttons-outlet.presence,
#topic-footer-buttons,
.more-topics__container {
    width: var(--wo-avatar-width); // アバター幅なし
    margin-left: calc(60px + 1em); // アバター幅 + アバターと本文の間の距離
  }
}

はい、これは固定位置を持つ要素なので、それほど簡単ではありません。画面サイズによってサイドの距離が常に異なるため、きれいに移動させることはできないと思います。

ありがとうございます。行の高さを増やしました。

いいえ、このテーマでは現在不可能です。