# テンプレ「pop-chat」のフォント変更について

**URL:** https://forum.onecomme.com/t/topic/1250
**Category:** 質問
**Created:** [2023 年 8 月 12 日午前 3:12 UTC](https://forum.onecomme.com/t/topic/1250 "2023-08-12T03:12:19Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![yukihiko78](https://avatars.discourse-cdn.com/v4/letter/y/c4cdca/32.png) [@yukihiko78](https://forum.onecomme.com/u/yukihiko78)
#### Post date: [2023 年 8 月 12 日午前 3:12 UTC](https://forum.onecomme.com/t/topic/1250/1 "2023-08-12T03:12:20Z")

</div>

## 対象

わんコメ

## 利用OS

Windows

## 利用バージョン: Windows、わんコメやOBSのバージョン

Windows: 11  
わんコメ： 5.0.0-beta.84  
OBS: 29.1.3

## PRO版を利用

していない

## 過去ログ確認 ([検索はこちらから](https://forum.onecomme.com/search))

した

## ドキュメント確認 ([公式サイト](https://onecomme.com/docs/faq/))

した

## 内容

はじめまして、twitch にて配信しており、チャットをOBSに表示させるのに利用させていただいております。

テンプレート「pop-chat」の使用を検討しているのですが、「pop-chat」はテンプレエディタで、コメント文字色・縁取り・縁取りの色が指定できないため、現在はテンプレ「chat」を使用しております。

テンプレ「chat」は、テンプレエディタでコメント文字色・縁取り・縁取りの色が指定ができますが、コメント背景色の透過率を上げると、吹き出しの繋ぎ目が目立ってしまいます。

「chat」の吹き出しの形を「pop-chat」の形に置き換える、もしくは「pop-chat」でコメント文字色・縁取り・縁取りの色を指定するためのカスタムCSSのやり方を教えていただきたいです。

よろしくお願いします。

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/onecomme/original/2X/5/57a9e596af37450b6fc4e7e28a8d2873d72f3c2f.png)

---

<div class="post-metadata">

### Author: ![sikozon](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/sikozon/32/77_2.png) [@sikozon](https://forum.onecomme.com/u/sikozon)
#### Post date: [2023 年 8 月 13 日午前 3:35 UTC](https://forum.onecomme.com/t/topic/1250/2 "2023-08-13T03:35:22Z")

</div>

ご質問ありがとうございます 🐾

* * *

> [@yukihiko78](#):
>
> 「pop-chat」はテンプレエディタで、コメント文字色・縁取り・縁取りの色が指定できない

pop-chatに関しまして、おっしゃる通り、  
こちらはもともと縁取りの無い想定（縁取りと背景色が同色になる）のデザインであるため、ご所望の項目については以前からありませんでしたが、  
同項目の追加に関して、近々FANBOX経由でのご要望もよせられているようでして、  
現在項目の追加について検討されているようです。

それはさておき、

> [@yukihiko78](#):
>
> もしくは「pop-chat」でコメント文字色・縁取り・縁取りの色を指定するためのカスタムCSSのやり方を教えていただきたいです。

ということで、取り急ぎまして、「カスタムCSS」で必要な項目をピックアップしましたので、あとはこちらを元に適宜調整いただけますと幸いです。

```auto
/* コメント文字用カスタムCSSここから */
:root { --lcv-comment-shadow-color: blue; }/* 縁取りの色 */
:root { --lcv-comment-shadow: var(--lcv-comment-shadow-1); }/* 縁取りの太さ */
/* --lcv-comment-shadow-1の数字の部分は1～4までの整数で太さ指定 */
.comment-text {
  text-shadow: var(--lcv-comment-shadow); /* 縁取り設定を上記で上書き */
  color:white; /* 文字の色 */
}
/* コメント文字用カスタムCSSここまで */

```

なお、

> [@yukihiko78](#):
>
> 「chat」の吹き出しの形を「pop-chat」の形に置き換える

に関しましては難易度HELLという事でお察しいただけますと幸いでございます 🫠

---

<div class="post-metadata">

### Author: ![yukihiko78](https://avatars.discourse-cdn.com/v4/letter/y/c4cdca/32.png) [@yukihiko78](https://forum.onecomme.com/u/yukihiko78)
#### Post date: [2023 年 8 月 13 日午前 10:44 UTC](https://forum.onecomme.com/t/topic/1250/3 "2023-08-13T10:44:42Z")

</div>

sikozon 様

カスタムCSS の項目を教えていただきましてありがとうございます。  
先程、テンプレエディタの方でも項目が追加されていたので試したところ、無事に思い通りのテンプレートにすることができました。

「chat」の吹き出しの形を変えるのは難しい旨、承知いたしました。「pop-chat」の文字色等が変更できなかったため、その代替えとして「chat」を使用していました。今回、「pop-chat」で文字色等が変更できるようにしていただいた為、「chat」の吹き出しの形を変える必要がなくなったので大丈夫でございます。

この度は、早急で親切丁寧な対応をしていただきまして、誠にありがとうございます。  
わんコメはまだ導入したばかりなので、また質問させていただくことがあるかと思いますが、今後ともよろしくお願いいたします。

---

<div class="post-metadata">

### Author: ![sikozon](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/sikozon/32/77_2.png) [@sikozon](https://forum.onecomme.com/u/sikozon)
#### Post date: [2023 年 8 月 16 日午後 12:26 UTC](https://forum.onecomme.com/t/topic/1250/4 "2023-08-16T12:26:11Z")

</div>

トピッククローズ：問題解決のため

* * *

コメント：  
解決されたという事で何よりでございます！

> [@yukihiko78](#):
>
> また質問させていただくことがあるかと思いますが、今後ともよろしくお願いいたします。

はい、その際にはまた投稿いただけますと幸いです 🐾
