LaxarJS Cube Theme
A LaxarJS theme, for use by LaxarJS tools and demo applications.
Installation
Install the laxar-cube.theme
and the required webpack SCSS support into your application using npm:
$ npm install --save laxar-cube.theme$ npm install --save-dev node-sass sass-loader
Then, activate the theme in your application configuration (usually init.js
):
// load themed artifacts:; // have the runtime select the theme:const configuration = theme: 'cube' /* ... */ ; // if enabling tooling, you should also go for the theme: // .flow( ... ) // .bootstrap( ... )
For webpack, this can be simplified by using the theme-provided options for the sass-loader:
moduleexports = // ... resolve: // ... alias: // ... 'cube.theme': 'laxar-cube.theme' module: rules: // ..., test: /[/]?cube[.]theme[/].*[.]s[ac]ss$/ loader: 'sass-loader' options: ;
The cube.theme is now used in the application.
To create theme-specific styles for layouts, widgets and controls, add a cube.theme
folder right next an artifacts default.theme
folder, and define CSS/HTML there.