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

Versions Compared

Old Version 5

changes.mady.by.user Paolo Aronne

Saved on

compared with

New Version 6

changes.mady.by.user Paolo Aronne

Saved on

Key

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

...

Code Block
languagecss
titleproperties.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 */
....


CSS Theme classes

The Servoy themes provides a set of utilities classes which can be applied to Servoy elements. The full list of classes which can be used when the LESS theme is enabled is available here.