黑暗主题不适用于所有子组件

Question

正在寻找一些建议。我有一个利用Web组件和Vuetify的应用程序。父应用程序中有一个<v-app dark />块，可将深色主题应用于父应用程序范围内的所有组件。

但是，对于Web组件，由于存在阴影域，因此未应用相同的<v-app dark />块。

有人会建议如何使Web组件具有相同的深色主题吗？

我尝试将每个Web组件模板包装在<v-container dark />块中，但这不会将容器的子级设置为黑暗。

我可以设置每个子组件<v-select dark />，<v-text-field dark />等，但是我希望可以有一种方法来拥有一个所有子对象都可以继承的父元素...

任何帮助都会很棒！

Answer 1

您可以提供app.vue文件的代码，也可以提供暗主题也未应用的组件外观的图像吗？ （我知道我应该将其作为评论而不是答案，但我的代表太低而无法发表评论）。