For accordion light use normal accordion.
For accordion dark add
.accordion-dark
class.
<div id="accordion">
<div class="accordion-item">
<div class="accordion-title">
<h5 class="mb-0" data-toggle="collapse" data-target="#collapseOne">Title</h5>
</div>
<div class="collapse accordion-content" id="collapseOne" data-parent="#accordion">
<div class="accordion-content-inner">
Content
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-title">
<h5 class="mb-0" data-toggle="collapse" data-target="#collapseTwo">Title</h5>
</div>
<div class="collapse accordion-content" id="collapseTwo" data-parent="#accordion">
<div class="accordion-content-inner">
Content
</div>
</div>
</div>
</div>
<div id="accordion">
<div class="accordion-item">
<div class="accordion-title">
<h5 class="mb-0" data-toggle="collapse" data-target="#collapseThree-3"> Lorem ipsum dolor sit amet, consectetur.</h5>
</div>
<div class="collapse accordion-content" id="collapseThree-3">
<div class="accordion-content-inner">
aperiam optio accusamus cumque labore! Obcaecati hic sequi esse illo, odit nemo! Explicabo quos unde illo fuga, architecto
corporis quia. Voluptatum facere similique consectetur voluptas amet saepe minus est
neque ipsa.
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-title">
<h5 class="mb-0" data-toggle="collapse" data-target="#collapseFour-3"> Lorem ipsum dolor sit amet, consectetur.</h5>
</div>
<div class="collapse accordion-content" id="collapseFour-3">
<div class="accordion-content-inner">
aperiam optio accusamus cumque labore! Obcaecati hic sequi esse illo, odit nemo! Explicabo quos unde illo fuga, architecto
corporis quia. Voluptatum facere similique consectetur voluptas amet saepe minus est
neque ipsa.
</div>
</div>
</div>
</div>