markdown-it-vue 的内容可以用 CSS 设置样式，因此您可以将自己的深色主题应用于 Markdown 内容。 Vuetify 在应用根元素上设置了 .theme--dark 类， markdown-it-vue 的元素有 .markdown-body 类。

在 .theme--dark .markdown-body 上，应用 color 和 !important 来覆盖Vuetify 的主题：

.theme--dark .markdown-body {
  color: white !important;
}

同样在其所有子表（即 table * ）上，应用 background 颜色：：

.theme--dark .markdown-body table * {
  background: gray;
}

const vm = new Vue({
  el: "#app",
  data() {
    return {
      dark: true,
      content: "This needs to be white\n| Item | Price | # In stock |\n|--------------|-----------|------------|\n| Juicy Apples | 1.99 | *7* |\n| Bananas      | **1.89** | 5234 |"
    }
  }
})

.theme--dark .markdown-body {
  color: white !important;
}

.theme--dark .markdown-body table * {
  background: gray;
}

  
    Toggle dark mode