吹き出しの背景色を変更したい場合は以下をCSSに追加し、カスタマイズのvariablesで切り出すとビジュアルで背景色を変更することが可能になります。
※カスタマイズに関してはサポート対象外となります。以下の記述は自社に責任おいてご利用ください。

  • CSSでの記述内容
<pre><span class="pl-e">\#karte-launcher</span> <span class="pl-e">.karte-launcher-preview-caret</span><span class="pl-e">:after</span>{
    <span class="pl-c1"><span class="pl-c1">border-left-color</span></span>: {{message_bg_color}};
}
<span class="pl-e">\#karte-launcher</span> <span class="pl-e">.karte-launcher-preview</span>{
    <span class="pl-c1"><span class="pl-c1">background-color</span></span>: {{message_bg_color}};
}
<span class="pl-e">\#karte-launcher</span> <span class="pl-e">.karte-launcher-preview-body</span><span class="pl-e">:before</span>{
    <span class="pl-c1"><span class="pl-c1">background-image</span></span>: linear-gradient(<span class="pl-c1">0<span class="pl-k">deg</span></span>, {{message_bg_color}}, {{<span class="pl-c1">message</span>_<span class="pl-c1">bg</span>_<span class="pl-c1">color</span>}}, {{<span class="pl-c1">message</span>_<span class="pl-c1">bg</span>_<span class="pl-c1">color</span>}});
}
</pre>
  • カスタマイズ画面

  • variablesでの記述方法