個人メッセージの色を変更する

カスタマイズ テーマコンポーネント
1

For some time I borrowed @ChrisBeach’s CSS snippet, so I converted it into a theme component, find the result here:

What it does

It changes the appearance of the page when a personal message is being read:

  • the head banner color (with a gradient),
  • the font color,
  • the background color,
  • the title color,
  • by adding some text after reply.

All these changes are optional and can be toggled with their on/off setting. The main «personal messages» color can also be changed with a setting. To tweak the different colors, edit the top part of the CSS file.

「いいね！」 18
How to simplify DM's to individuals
Reply and PM should be siblings
Private vs Public space
Change "Reply" text independently for public topics and PMs
Change highlight color of selected CHAT message block
2019: The Year in Review
Isn’t it kind of hard to figure out that there is a mail/messaging system?
2

ありがとうございます、@oca さん！

この機能はカラー名には機能しますが、16 進カラーコードには機能しないことがわかりました。そのため、カラーパレットとの一致が難しくなっています。CSS の仕組みや色の混合方法を確認したところ、これを変更するのは容易ではないのではないかと推測しています。私の考えが間違っていることを証明できる方はいますか？

「いいね！」 2
3

これはテーマであって、テーマ「コンポーネント」ではないようですが、もし間違っていたら訂正してください。

私はすでに完全にカスタマイズしたテーマを使用しており、一度に使用できるテーマは一つだけですが、ユーザーがテーマ間を切り替えられるようにすることは可能でしょうか？それが正しいでしょうか？

私の理解では、テーマコンポーネントを使用すると、アクティブなメイン（デフォルト）テーマにコンポーネントを適用できます。少なくとも、他のテーマコンポーネントは私にとってそのように機能しています。テーマコンポーネントには「このテーマにコンポーネントを含める」というボックスがあり、これによりデフォルトテーマにコンポーネントを適用できます。

これをコンポーネントに変更することは可能でしょうか？そうすれば、メイン（デフォルト）テーマを有効にしたまま、個人メッセージやDM/PM向けのこれらのカスタマイズを有効にできます。

「いいね！」 2
4

Meta にあるすべてのテーマコンポーネントに対して、テーマとテーマコンポーネントを区別する変更を行った際に PR を送ったことを覚えています。

これは、他のトピックへの返信だったため見落とされ、その後 #theme カテゴリの独自のトピックに移動されたためではないかと思います。

@oca この「テーマ」をテーマコンポーネントとして機能させるには、1 行を追加するだけです。コンポーネントの about.json ファイルに以下を追加してください。

"component": true

次のように追加します。

{
  "name": "Private messages with color",
  "about_url": "https://framagit.org/oca/discourse-theme-colored-private-messages   ",
  "license_url": "https://framagit.org/oca/discourse-theme-colored-private-messages/blob/master/LICENSE",
+ "component": true,
   "assets": {
        "asset-variable": "assets/background.svg"
   }
}

これを行うと、他のコンポーネントと同様に動作するようになります。その後、このトピックに theme-component タグを追加できます。

「いいね！」 6
5

その間、@Rhidian さんから、テーマをコンポーネントに変換する（またはその逆）新しいテクニックを教わりました。それは「Convert」ボタンを使う方法です…

「いいね！」 2
6

ここでも HEX コードを使用できる機能があれば素晴らしいと思います！

「いいね！」 3
8

完了しました！
アドバイスありがとうございます。

「いいね！」 5
9

確認してみます。
その機能が使えるようになった今、コンポーネントのパラメータとして追加する価値はあるかもしれません。
約束はできませんが、まだその分野を勉強中なので。

「いいね！」 6
10

いいね :+1:

このトピックにタグを追加しました。お時間のあるときに、このトピックのOPにスクリーンショットを1〜2枚追加していただけませんか？急ぎではありませんが、このコンポーネントによる変更を確認しやすくなります。

「いいね！」 6
12

問題の原因は、about.json の末尾に余分なカンマがあることだと思います

Screen Shot 2020-05-11 at 9.29.37 PM
Screen Shot 2020-05-11 at 9.29.37 PM184×136 5.53 KB

「いいね！」 6
13

ありがとうございます！

でも、JSON 規格を作った人々には感謝しませんね…

「いいね！」 4
14

DM/PMの色を変更するには、これがまだ最善の方法ですか？

「いいね！」 2
15

もっと良い方法があると思います。
私はしばらくの間パーソナルメッセージバブルを使用していましたが、これはコア機能として追加されました。

「いいね！」 1
16

パーソナルメッセージバブルがコアに入った今、そのコンポーネントはまだ正常に動作しますか？少し前に誰かが競合を抱えていたと思います Personal Message Bubbles - #93 by AntiMetaman

「いいね！」 3