Kooboo uses standard CSS for Theme. You can define a Theme by creating a folder under Binary resource --> Theme and then put all .css files in the folder. CSS files can include image sub folders.
In above example, our default Theme contains some .css files and an image folder with all image used by the .css files.
To use theme, right click on any application, open the property window and select the right theme to use.
Kooboo will automatically add reference to all .css files in that theme folder in the order of file name.
Important Note: In order to use the theme feature of ASP.NET, Layout template needs to contain a <header runat="server"/> tag. This is a standard requirement from ASP.NET
Combine and Compress
Css files can be combined and compressed before sending to client browsers. In order to use this, the site must be run in released mode. This is can be changed at the SiteManager -> Setting.
CSS Rules
You can define your own CSS file render rules, there is a file called "CSSRules.txt". If you want some CSS files render differently, you need to put the rules here. For example, you can put below code in the "CSSRules.txt"
You will then able to see the front site rendering like below.