Vue.js Vuetify数据表如何使用主题颜色设置“全选”列的背景色？

我正在使用Vuetify for Vue 2创建一个数据表，并且正在使用主题。我可以通过在headers数组中设置一个类来更改标题列的背景色。但是，特殊的“全选”列不起作用。知道我需要在这里做什么吗？我尝试使用插槽覆盖复选框，但它复制了“th”元素。我需要覆盖整个标题行吗

模板：

<v-data-table
  dense
  :headers="headers" 
  :items="jobs" 
  item-key="name" 
  loading-text="Loading..." 
  class="elevation-1"
  show-select
>
  <template v-slot:header.data-table-select="{props,on}">
    <v-simple-checkbox v-bind="props" v-on="on"></v-simple-checkbox>
  </template>
  <template v-slot:item.data-table-select="{isSelected,select}">
    <v-simple-checkbox :value="isSelected" @input="select($event)"></v-simple-checkbox>
  </template>
</v-data-table>

---

这并不是一种完整的解决方案，但可能值得研究CSS选择器，特别是

类型的第一个

。问题是，我不知道如何在选择器块中应用其他类

例如,

.elevation-1 tr th:first-of-type, td:first-of-type {
  background-color: blue;
}

---

这并不是一种完整的解决方案，但可能值得研究CSS选择器，特别是

类型的第一个

。问题是，我不知道如何在选择器块中应用其他类

例如,

.elevation-1 tr th:first-of-type, td:first-of-type {
  background-color: blue;
}

---

感谢@ianmac45，但我希望能够使用主题中定义的“主要”。感谢@ianmac45，但我希望能够使用主题中定义的“主要”。