Calem web clients can be customized via Calem Designers and configurations - see this blog for more information. This blog discusses the customization via stylesheets (CSS).
Calem provides themes for the web clients including Calem Classic and Mint. Each theme is a set of components, CSS, and configuration files. Customers can customize the look and feel of a client theme through CSS. For instance, Calem Sandbox login screen comes with a yellow background, while the production login screen has a blue background. The background color customization is achieved through CSS.
1. Custom CSS
A custom CSS file can be provided to customize the Calem web client. For instance, you may drop your CSS file as client/themes/calem/calem.custom.css. The CSS file calem.custom.css includes your custom look and feel. This file is loaded by Calem.2. Login CSS
Web login page can be customized through a custom CSS file at client/themes/login.custom.css. This file can include your custom look and feel for your login screen.3. Integration CSS
Integration CSS files can be provided ways to further customize the look and feel of Calem Themes. If your requirements can be achieved through a single CSS file, use the custom CSS file (calem.custom.css) above. The integration CSS files allows you define the following CSS files:
Here are the steps to do the integration CSS files:
//Default css for all themes $_CALEM_dist['admin_conf']['int_css_df']=array( 'client/themes/int/acme.css' ); //Individual css per theme (such as ui_classic, ui_mint_mini, ui_mint, or ui_mint_dark) //where 'int_css_ui_theme_mini' has a prefix 'int_css_' and the theme name 'ui_mint_mini' $_CALEM_dist['admin_conf']['int_css_ui_mint_mini']=array( 'client/themes/int/acme_mint_mini.css' );