How can I use css for Vaadin 7 components?

Question

I've set the styleName for my component, but it doesn't appear to have any effect:

Label  label=new Label("this is test");
label.setStyleName("mytheme");

My CSS:

@import "../reindeer/styles.css";

.test{
    color: cornflowerblue;
}


.mytheme {
    font-family: 'Cabin Sketch';
    font-size: 24px;
    font-weight: bold;
    padding-top: 10px;
    padding-left: 10px;
    line-height: 30px;
}

.v-label {
    background: cyan;
}

My directory in intellij IDE: web/VAADIN/themes/mytheme

I've already seen this question , but the solution doesn't work for me.

Answer 1

input in main class: @Theme("mytheme")

and use in all project by component.setStyleName("Logo");