Vaadin,应用自己的主题不起作用

Question

我正在尝试添加自定义主题到我的Vaadin7项目。我使用了Vaadin插件theme creater，它创建了必要的文件，并且在我的表中包含了一个简单的背景颜色设置，但是即使包含了驯鹿主题，它似乎也不起作用。在UI类上应用带有@theme()注释的主题后，我的表将消失，我得到的结果如下（没有自定义主题，看起来很好）：

我读了Vaadin的书中描述这一点的部分(https://Vaadin.com/Book/-/page/themes.creating.html)，但它仍然对我不起作用。我读了这一部分:https://vaadin.com/book/-/page/themes.html#figure.themes.theme-contents，它显示reindeer应该在themes下，但它说我必须包含vaadin-themes.jar，它会很好地工作。我确实添加了它，我的文件结构如下所示：

airlinedb_customtheme.scss文件的代码：

@import "../reindeer/reindeer.scss";
@mixin airlinedb_customtheme {
  @include reindeer;
  .v-table {
    background-color: red;
  }
}

@import "airlinedb_customtheme.scss";
.airlinedb_customtheme {
   @include airlinedb_customtheme;
 }

我错过了什么？在我看来，驯鹿风格不包括在内，但我不知道为什么。

编辑：此外，我如何给我的按钮和我的表格行背景颜色？

Answer 1

这只是一个建议，但试试没有下划线的名称。我以前从未见过带下划线的scss名称。

像这样：

airlinedbCustomtheme

编辑：

.v-table {}
  .v-table-header-wrap {}
    .v-table-header {}
     .v-table-header-cell {}
      .v-table-resizer {} /* Column resizer handle. */
       .v-table-caption-container {}
 .v-table-body {}
  .v-table-row-spacer {}
   .v-table-table {}
    .v-table-row {}
     .v-table-cell-content {}

.v-button .v-button-wrap { 
  background-image: none !important; 
} 
.v-button { 
  background-image: none !important; 
}

.v-table { 
  background-color: red !important; 
}