Не удается установить размер шрифта и фоновое изображение в пользовательской теме Vaadin

Question

Я определяю свою собственную пользовательскую тему поверх темы Vaadin Valo.

Вот содержимое файла mycustomtheme.scss:

 //this line works, it sets the background-color of the app to light-blue:
 $v-background-color: hsl(192°, 61%, 51%);

 //the following line is supposed to set the font-color in the app to white but has no effect, the font-color in the app is still black: 
 $v-font-color: rgb(255, 255, 255);

 @import "../valo/valo.scss";


 @mixin mycustomtheme {

     @include valo;

    //the following 3 lines don't have any effect either. The background-image does not get displayed: 
    .defaultView {
        background-image: url("urlOf/Image");
    }
}

Код Java для компонента, для которого должно быть задано фоновое изображение:

    //other code ...
    gridLayout = new GridLayout(4,2);
    gridLayout.setSizeFull();
    gridLayout.addStyleName("defaultView");
    addComponent(gridLayout);
    //more code ...

1.) Почему настройка цвета фона на синий работает, но установка цвета шрифта на белый не работает? Я проверил свой код по примерам из команды Vaadin, я не вижу, что могу сделать неправильно:

https://vaadin.com/docs/v8/framework/articles/ValoExamples.html

2.) Почему фоновое изображение не отображается?