Child pages
  • Styling with LESS (using default shipped servoy less file)

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

If 'Add default .less theme' is checked in the New solution wizard, the properties.less and <solution_name>.less files are generated in the media node of the solution:

The custom_servoy_theme_properties.less file  file contains the theme properties, which are defined as less variables. The Servoy theme can be configured by changing the values of the properties defined in the properties.less file. NOTE CAREFULLY: you should change only the value of the defined variables. You should not remove any less variable or add any new less variable. 

...

Code Block
languagecss
titlecustom_servoy_theme_properties.less
@main-color: #E9720B;							/* Main color */
@main-color-inverse: #FFF;						/* Main color inverse */
@main-color-light: lighten(@main-color, 10%); 	/* Main color light lighten(@main-color, 28%); #F9DB89 */
@main-color-dark: darken(@main-color, 15%); 	/* Main color dark EB8C39 */

@secondary-color: #18222C;						/* Secondary color */
@secondary-color-inverse: #FFF;					/* Secondary color inverse */
@secondary-color-light: #464E56;				/* Secondary color light*/
@secondary-color-dark: #364453;					/* Secondary color dark*/
....


@text-color : #777777;							/* Text color */
@text-color-inverse: @text-color;				/* Text color inverse */
....

...