小编Chr*_*ugh的帖子

在一些地方，vuetify 将文本颜色设置为其主题中定义的“主要颜色”（例如，突出显示选定的下拉菜单）。用我公司的颜色，这看起来很难看。我怎样才能将其设置为不同？

据我所知，这来自这些 css 规则：

.v-application.primary--text {
    color: #0064a2 !important;
    caret-color: #0064a2 !important;
}

当我更改这些时，我可以使文本颜色看起来不错。不幸的是，它们由 vuetify 生成并标记为!important，因此我似乎无法在浏览器检查器之外更改它们。

我可以'primary--text': 'color: #FF00FF'向样式主题添加类似的内容，但这会更改背景颜色，而不是文本颜色。

这是一个codepen示例

我可以专门为文本使用 vuetify 的主题，并手动设置其余的元素颜色，但这似乎不是它们的预期用途。我该怎么做才能更改文本颜色？

当我运行npm run lint（从 package.json 调用"lint": "vue-cli-service lint"）时，我在 HTML 属性中得到以下更改：

-      :auth0Login="auth0Login"
+      :auth0login="auth0Login"

这破坏了代码，我不希望这种情况发生。我尝试了以下规则来防止它：

      "vue/camelcase": "off",
      "vue/name-property-casing": "off",
      "vue/custom-event-name-casing": "off",
      "vue/component-definition-name-casing": "off",
      "vue/prop-name-casing": "off",
      "vue/component-name-in-template-casing": "off",

这些都不起作用，这并不奇怪，因为它们都没有指定 HTML 属性。这是我能找到的所有与外壳有关的东西。

我知道 linting 并不是绝对必要的，而且开始感觉它产生的问题多于它解决的问题，但如果有人知道解决方案，我仍然想让这项工作发挥作用。

package.json 中 eslintConfig 的 Pastebin：https://pastebin.com/h52YxjRd