java Vaadin TouchKit基本主题问题

Question

我正在使用Netbeans&；专家 我在使用CSS和Vaadin工具包时遇到了一些问题。 一些基本问题

它似乎忽略了我自定义css的每一行，我不知道为什么

在“/VAADIN/themes/touchkit”中，我有4个css和scss文件

addons.scss styles.css styles.scss touchkit.scss

基本上，我想改变垂直布局或垂直组件组的背景

所以我把

@import "../valo/valo.scss";
@mixin touchkit {
    @include valo;
    .backColorGrey {
        background-color: #0FD1B1;
    }
}

在touchkit中。scss

然后

final VerticalLayout content = new VerticalLayout();
final VerticalComponentGroup content2 = new VerticalComponentGroup();   
content.addStyleName("backColorGrey");
content2.addStyleName("backColorGrey");

什么都没发生

我已经编辑了主题 我试着把代码放到其他scss文件中。 我下载了ruby来安装Sass。 我已经重新编译了主题，项目，清洁，克莱纳和；构建，多次重新编译。。。还有很多其他的动作，但结果是一样的。 我把这个放进了pom

<plugin>
    <groupId>org.codehaus.mojo</groupId>
    <artifactId>exec-maven-plugin</artifactId>
    <version>1.2.1</version>
    <executions>
        <execution>
            <phase>generate-sources</phase>
            <goals>
                <goal>j`enter code here`ava</goal>
            </goals>
            <configuration>
                <classpathScope>compile</classpathScope>
                <mainClass>com.vaadin.sass.SassCompiler</mainClass>
                <arguments>
                    <argument>src/main/webapp/VAADIN/themes/touchkit/styles.scss</argument>
                    <argument>src/main/webapp/VAADIN/themes/touchkit/styles.css</argument>
                </arguments>
            </configuration>
        </execution>
    </executions>
</plugin>

什么都没发生。 它似乎忽略了任何css行。。。但这是一个非常基本的动作！！！！ ​这很令人沮丧，完全是浪费时间

坦白说，我讨厌css。 有没有办法通过java代码忽略css来设置这个值？ 喜欢挫折背景色