title: Vaadin custom css
body: <p>I have problem with custom CSS with Vaadin. Everything is ok if I declare in my MainUI.java file the following:</p>
  <pre><code>@Theme(&quot;valo&quot;)
  @SpringUI
  public class MainUI extends UI {
  ...
  </code></pre>
  <p>If I add my new theme, it doesn't get picked up. In my project folder in Eclipse I executed:
  Project-&gt;New-&gt;Other-&gt;Vaadin Theme</p>
  <p>After that I have in my MainUI.java file:</p>
  <pre><code>@Theme(&quot;myCustomTheme&quot;)
  @SpringUI
  public class MainUI extends UI {
  ...
  </code></pre>
  <p>I see only plain text after I refresh my page :/</p>
  <p>My template file:</p>
  <pre><code>@import &quot;../valo/valo.scss&quot;;
  
  @mixin myCustomTheme {
    @include valo;
  
    // Insert your own theme rules here
  }
  </code></pre>
  <p>What should I do so that I have a Valo-based theme where I could change some css rules?</p>