枠情報をベースに色分け自体は可能です
下記に方法を提示しますのでどの要素対してどのような色を適用するかはご自身にてCSSでご調整ください
公式の主要なテンプレートのdiv要素には data-service-id 、 data-service-name の属性がついています
data-service-id は枠ID、data-service-name は「枠名」です
枠IDはわんコメアプリの枠入力の部分を右クリックするとIDコピーできます
枠名は画像にある「ニコニコ」の部分がそれにあたります
下記のように属性でスタイルを指定する方法で枠ごとに異なるCSSを適用できます
/* 枠IDを用いる場合 */
[data-service-id="xxxxxxxxxxxxxxx"] {
/* カスタムしたい内容 */
}
/* 枠名を用いる場合 */
[data-service-name="ニコニコ"] {
/* カスタムしたい内容 */
}
