ignacio-arriagada

.dark {
  /* Generalmente en dark mode solo se modificaran los valores para los token de colores, lo iportante esque conserven exactamente el mismo nombre las paletas de colores definidades en :root
   */
  --color-claro-50: #470c08;
  --color-claro-100: #82211a;
  --color-claro-200: #9d2017;
  --color-claro-300: #be2217;
  --color-claro-400: #da291c;
  --color-claro-500: #f54b3e;
  --color-claro-600: #fd766c;

vuejshtmlrender.html

<template>
    <div v-html="ddbbHTMLString">
    </div>
</template>

<script>
  export default {
    data: () => ({
      ddbbHTMLString: `
      <span>Hola