Un style défini un ensemble de paramètres de style. Ces valeurs de paramètres peuvent être obtenu dans le script PHP ou dans le template de description de l'interface.

// dans une action FREEDOM
$couleur1=$action->getParam("CORE_BGCOLOR");
$couleur2=$action->getParam("COLOR_A5");

[ZONE FDL:HTMLHEAD]
<div id="before" style="background-color:[CORE_BGCOLOR]">
<p style="color:[COLOR_B6]">[TEXT:The file will be downloaded in your personal computer].</p>
</div>
[ZONE FDL:HTMLFOOT]

Les paramètres de style sont les suivants:

• COLOR_BLACK : couleur du noir
• COLOR_WHITE : couleur du blanc
• CORE_BGIMAGE : image de fond de page
• CORE_BGCOLOR : couleur du fond d'éléments
• CORE_TEXTFGCOLOR : couleur du texte
• CORE_TEXTBGCOLOR : couleur de texte contrasté (pour la mise en évidence)
• CORE_BGCOLORALTERN : couleur de fond secondaire
• CORE_FGCOLOR: couleur de fond utilisé pour le texte contrasté
• CORE_BGCOLORHIGH : couleur utilisée pour la mise en évidence (généralement onmouseover)
• CORE_ACOLOR: couleur de hyperliens (ancres)
• CORE_BGCELLCOLOR: couleurs des cellules de tableaux
• CORE_ERRORCOLOR : couleur des messages d'erreurs

Le style est aussi composé de 30 autres paramètres de couleurs. Ces 30 paramètres sont calculés à partir de 10 nuances de 3 couleurs nommées A, B et C.

• COLOR_A0 → COLOR_A9 : les 10 nuances de la couleurs A (A0 étant la couleur A et A9 la nuance la plus blanche de A)
• COLOR_B0 → COLOR_B9
• COLOR_C0 → COLOR_C9

Le style par défaut se nomme DEFAULT. Sa description abrégée est la suivante :

$sty_const= array (  
		   "COLOR_BLACK"                    =>"#000000",
		   "COLOR_WHITE"                    =>"#FFFFFF",
		   "CORE_BGIMAGE"			=>"none",
		   "CORE_BGCOLOR"			=>"COLOR_WHITE",
		   "CORE_TEXTFGCOLOR"			=>"COLOR_BLACK",
		   "CORE_TEXTBGCOLOR"			=>"COLOR_A9",
		   "CORE_BGCOLORALTERN"			=>"COLOR_A7",
		   "CORE_FGCOLOR"			=>"COLOR_A0",
		   "CORE_BGCOLORHIGH"			=>"COLOR_C2",
		   "CORE_ACOLOR"			=>"COLOR_B0",
		   "CORE_INPUTBGCOLOR"			=>"none",
		   "CORE_BGCELLCOLOR"			=>"COLOR_WHITE",
		   "CORE_ERRORCOLOR"                    =>"red"
		  );
 
// style color variable to compute colors 
$sty_colors = array("A"=>'#4D4D4D', // gray
		    "B"=>'#126ab5', //blue
		    "C"=>"#cbc11f"); // gold

La définition des tailles crée les paramètres suivants

Comme pour les styles, on peut récupérer les valeurs soit :

• par Action::getParam;
• par le zone variable des les templates d'interfaces (cf. ci-dessus).

La feuille de style définissant les tailles est inclue lors de l'utilisation de [CSS:REF] dans le template. Cette feuille de style est la suivante :

* {
  font-size: [SIZE_MEDIUM];
}
 
body, .core, P {
  font-size: [SIZE_MEDIUM];
}
H1 {
  font-size: [SIZE_XX-LARGE];
}
TD, TR, TH {
  font-size: [SIZE_MEDIUM];
}
 
/* ------------------------------------------
 * POPUPMENU
 * ------------------------------------------
 */
.popup a.menuItem * ,.popup a.menuItem, .popup a.menuItem:link, .popup a.menuItem:visited ,.popup a.menuItemCtrl:link, .popup a.menuItemCtrl:visited , .popup a.separator {
 
  font-size:[SIZE_SMALL];
  font-weight: normal;
}
.popup a:link {
  font-size:[SIZE_SMALL];
}