Customizing Your Applications Style

Kleeen built our platform around the idea that customizing the style of your application should be as easy as possible.

To do this the elements of an application are specified as centralized CSS that you can modify in one central place for your application or by uploading a zip file of CSS. This can typically be done in less than 200 lines of well-formatted code. You will find an example of that code at the end of this article.

Custom Styles

There are two folders you can use to replace Kleen’s CSS with your own, depending on you preference for CSS or SCSS.

• \apps\cloud\src\app\assets\styles\custom.css
• \apps\cloud\src\app\assets\styles\custom.scss

The default cusom.scss file looks like this:

This is what the code looks like in a project customized by our engineers:

Below is a text file of the custom scss in the screenshot above.