Dark Mode

Hi, I am using Foxiz WordPress Template. FYI this wordpress theme has dark and light mode switch.

And I am using this plugin and it’s amazing. I am plannig to buy it.
How to make WPDM template working on light and dark mode?

This is my WPDM template:

    <ul class="list-group ml-0 mb-3">
        <li class="list-group-item d-flex justify-content-between align-items-center [hide_empty:version]">
            [txt=Version]
            <span class="badge">[version]</span>
        </li>
        <li class="list-group-item d-flex justify-content-between align-items-center [hide_empty:download_count]">
            [txt=Download]
            <span class="badge">[download_count]</span>
        </li>
        <li class="list-group-item d-flex justify-content-between align-items-center [hide_empty:file_size]">
            [txt=File Size]
            <span class="badge">[file_size]</span>
        </li>
        <li class="list-group-item d-flex justify-content-between align-items-center [hide_empty:file_count]">
            [txt=File Count]
            <span class="badge">[file_count]</span>
        </li>
        <li class="list-group-item d-flex justify-content-between align-items-center [hide_empty:create_date]">
            [txt=Create Date]
            <span class="badge">[create_date]</span>
        </li>
        <li class="list-group-item  d-flex justify-content-between align-items-center [hide_empty:update_date]">
            [txt=Last Updated]
            <span class="badge">[update_date]</span>
        </li>
    </ul>
    <div class="card mb-3">
        <div class="card-body">
            [file_list]
        </div>
    </div>