Child pages
  • Styling your Applications

Versions Compared

Key

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

...

  • For detailed documentation on Less language features, see Features

    Code Block
    titleLess Custom less/css sample
    // import of the custom servoy theme properties that will import the hidden servoy theme, this imported file is for customizing the default servoy theme properties 
    @import 'custom_servoy_theme_properties.less';
    
    // Add your custom less/css to this file you can use the same less properties that are specified in the above properties.less 
    .pitc-bkg-blue
    {
       background-color: #95c0cb;
    }
    .pitc-txt-default
    {
       font-weight: normal;
       font-size: 12pt;
       color:#000000;
       margin: 2px 2px 2px 2px;
       padding: 0px 0px 0px 0px;  
    }
    .pitc-txt-default-med:extend(.pitc-txt-default)
    {
       font-size: 12pt;  
    }
    .pitc-txt-default-med-blue:extend(.pitc-txt-default-med)
    {
       color:#0000ff;
    }


Creating a Style

To create a style in Servoy:

...