Errors Compiling Valo Theme

Got the following two errors when compiling a new theme based on Valo.
I searched but didn’t see much in the forums.
Have not thoroughly tested, but seems to run okay …

com.vaadin.sass.internal.parser.ParseException: The parameter of the function red must be a valid color at line 184, column 47

com.vaadin.sass.internal.parser.ParseException: Function blend-overlay did not return a value at line 36, column 12

Any ideas?

Hi,

Are you using the Vaadin Sass compiler (Java based), the original Sass compiler (Ruby based) or some other compiler (e.g. LibSass)?

Personally, I’ve seen the same kinds of errors when compiling Valo using LibSass, the blend mode functions don’t round the numbers correctly somehow.

Thanks For Responding

Vaadin Sass Compiler.

New Theme is here:
MyProject\web\VAADIN\themes\MyTheme

From MyProject\web\VAADIN\themes\valo, I copy styles.scss into MyProject\web\VAADIN\themes\MyTheme

Then I update styles.scss as follows …

$v-app-loading-text: “Loading Operations Intranet”;


$v-background-color: #b5e8ff;
/* $v-app-background-color: #fff; */
$v-panel-background-color: #fff;
$v-focus-color: #FEECC5;
$v-focus-style: 0 0 1px 1px rgba($v-focus-color, .5);
$v-border-radius: 3px;
$v-textfield-border-radius: 3px;
$v-font-family: Helvetica, Arial, ‘lucida grande’, tahoma, verdana, arial, sans-serif;
$v-font-size: 12px;
$v-font-color: #37404E;
$v-font-weight: 400;
$v-link-text-decoration: none;
$v-shadow: 0 1px 0 (v-shade 0.2);
$v-bevel: inset 0 1px 0 v-tint;
$v-unit-size: 30px;
$v-gradient: v-linear 12%;
$v-overlay-shadow: 0 3px 8px v-shade, 0 0 0 1px (v-shade 0.7);
$v-shadow-opacity: 30%;
$v-selection-overlay-padding-horizontal: 0;
$v-selection-overlay-padding-vertical: 6px;
$v-selection-item-border-radius: 0;
$v-horizontallayout-border-style: solid;

$v-horizontallayout-border-width:5px;
.v-textfield-cstmRightAlign{ text-align:right !important; }
.v-textfield-cstmBackgroundRed{ text-align:right !important; }
@import “…/valo/_valo.scss”;
.MyTheme {@include valo;}
. . . . end of file.

In the theme folder, I created a batch file as such …

java -cp C:\Java\Jars\Vaadin\Frameworks\vaadin-all-7.4.2\lib\vaadin-sass-compiler-0.9.12.jar com.vaadin.sass.SassCompiler styles.scss styles.css

Don’t ask me what I did.
I started from scratch, unzipping the theme jar, moving to new folder and compiling.
No errors.
Case closed.