Helper-mode

Provide two different models on the website.

Create your mode feature instantly using the v-helper valclass.

Table list modes

Class name	Properties
v-template-dark-mode + v-dark-mode	Light mode to dark mode
v-template-light-mode + v-dark-mode	dark mode to light mode

The table above presents several types of modes with different variants.

Result dark mode

index.html

<div class="v-template-dark-mode">
</div>
<div class="v-dark-mode">
  <div class="toggle-mode">
  </div>
</div>		

Result light mode

index.html

<div class="v-template-light-mode">
</div>
<div class="v-dark-mode">
  <div class="toggle-mode">
  </div>
</div>