VK Blocks の FAQ ブロックの Q と A の色をカスタマイズするには

以下の CSS を追加して、FAQ ブロックの Q と A の色をカスタマイズできます。

• 先頭にある2つのカラーコードをお好みで書き換えてください。
• このコードは FAQ ブロックの7つのスタイル（標準・背景塗り 円形・背景塗り ピン角・背景塗り 角丸・枠線 円形・枠線 ピン角・枠線 角丸）のすべてに対応しています。
• このコードは新旧どちらの FAQ ブロックでも使えます。

:root {
  --ujs-faq-color-q: #33b871; /* Q の色 */
  --ujs-faq-color-a: #7133b8; /* A の色 */
}

/* 標準 */
body .vk_faq .vk_faq_title:before {
    color: var(--ujs-faq-color-q);
}
body .vk_faq .vk_faq_content:before {
    color: var(--ujs-faq-color-a);
}

/* 背景塗り */
body .is-style-vk_faq-bgfill-circle .vk_faq_title:before,
body .is-style-vk_faq-bgfill-square .vk_faq_title:before,
body .is-style-vk_faq-bgfill-rounded .vk_faq_title:before {
    background-color: var(--ujs-faq-color-q);
}
body .is-style-vk_faq-bgfill-circle .vk_faq_content:before,
body .is-style-vk_faq-bgfill-square .vk_faq_content:before,
body .is-style-vk_faq-bgfill-rounded .vk_faq_content:before {
    background-color: var(--ujs-faq-color-a);
}

/* 枠線 */
body .is-style-vk_faq-border-circle .vk_faq_title:before, 
body .is-style-vk_faq-border-square .vk_faq_title:before, 
body .is-style-vk_faq-border-rounded .vk_faq_title:before {
    border-color: var(--ujs-faq-color-q);
}
body .is-style-vk_faq-border-circle .vk_faq_content:before, 
body .is-style-vk_faq-border-square .vk_faq_content:before, 
body .is-style-vk_faq-border-rounded .vk_faq_content:before {
    border-color: var(--ujs-faq-color-a);
}