"style.css"内の縁取り色が反映されない

質問
1

対象

わんコメ

利用OS

Windows

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

Windows: 10 home
わんコメ： 4.3.2
OBS: 29.0.2

PRO版を利用

していない

過去ログ確認 (検索はこちらから)

した(不具合内を確認しました)

ドキュメント確認 (公式サイト)

した

内容

サイト毎にコメントを色分けしようとテンプレートフォルダ"bisic"を複製し、"style.css"を変更しました。
この状態でコメントテスターからyoutube、twitchにチャットを送信すると、添付画像の通り縁取り色が反映されていません。

ScreenShot
ScreenShot947×1029 56.7 KB

以下、"style.css"の内容全文とこちらで行なったことです。

#style.css

@import url('../__origin/css/common.css');
@import url('../__origin/css/theme/basic.css');
@import url('../__origin/css/direction/bottom-to-top.css');
@import url('../__origin/css/animation/slide-up.css');
@import url('../__origin/css/animation/move.css');
[data-service='youtube'] {  
    --lcv-name-color: rgba(255,0,0,1);
    --lcv-text-color: rgba(255,0,0,1);
    --lcv-background-color: rgba(255, 255, 255, 0);
    --lcv-name-shadow: var(--lcv-name-shadow-3);
    --lcv-name-shadow-color: rgba(0,0,0,1);
    --lcv-comment-shadow: var(--lcv-comment-shadow-2);
    --lcv-comment-shadow-color: rgba(0,0,0,1)
}  
[data-service="twitch"] {  
    --lcv-name-color: rgba(167,87,168,1);
    --lcv-text-color: rgba(167,87,168,1);
    --lcv-background-color: rgba(255, 255, 255, 0);
    --lcv-name-shadow: var(--lcv-name-shadow-3);
    --lcv-name-shadow-color: rgba(0,0,0,1);
    --lcv-comment-shadow: var(--lcv-comment-shadow-2);
    --lcv-comment-shadow-color: rgba(0,0,0,1)
}

#行なったこと
・わんコメ、OBS Studioの再起動
・PCの再起動
・わんコメ、OBS Studioのクリーンインストール

以上です。よろしくお願いします。

2

ご報告ありがとうございます :paw_prints:

ＣＳＳの仕様上、複数個所への異なる縁取り色の指定は、お示しいただいております様なシンプルな記述では難しいかと思われます。

「全体的な」 縁取り色変更（一括変更）でしたらシンプルな記述で可能ですが、（※テンプレエディタの機能でそのものが提供されています）

今回の様に（サイト毎など）それぞれ異なる色を 「個別」 に指定したい、となりますと、

CSSの記述としましては、
（1か所の変更に数十行の記述が必要になったりしますので）
それなりに高度・複雑な案件へのチャレンジとなります。

つきましては、本トピックは
（不具合のご報告という用向きからは外れます事から）
一旦クローズさせていただきますので、

引き続きご相談いただけます場合は、
改めて「カスタマイズ」のカテゴリで、ご相談という形でトピックを投稿ください。
（改めて投稿いただくと再度、「カスタマイズに関する投稿」として有識者に通知送信されますので、そういった意味でもトピックの立て直しは有効かと思われます）

ただし、高度・複雑な案件は特に、検証作業の時間も要しますため、
有志の方からの回答が必ずいただけるとは限りませんので、

お急ぎの際などはCSSやわんコメの知識に明るい方へのご依頼など、ご検討いただけますと幸いです。

3

返信ありがとうございます。
この件のクローズ、了解しました。

「いいね！」 1