Color schemas

From P4A - PHP For Applications - PHP Framework

How to use a color schema

It's a 1-2-3 procedure:

• pick a color schema down below
• copy the constants definitions
• paste them in the index.php file of your application, before the require p4a.php line

How to create a color schema

Manually

 
define('P4A_THEME_FG', '#4b718a'); // general foreground color (all texts in the mask)
define('P4A_THEME_BG', '#fafafa'); // background color for widgets (eg: toolbars)
define('P4A_THEME_BORDER', '#ccc'); // background color for widgets (eg: toolbars)
 
define('P4A_THEME_INPUT_FG', '#4b718a'); // foreground color for inputs
define('P4A_THEME_INPUT_BG', '#fff'); // background color for inputs
define('P4A_THEME_INPUT_BORDER', '#c6d3de'); // border color for inputs
 
define('P4A_THEME_SELECTED_FG', '#000'); // foreground color for selected elements
define('P4A_THEME_SELECTED_BG', '#e2e7ed'); // background color for selected elements
define('P4A_THEME_SELECTED_BORDER', '#c6d3de'); // border color for selected elements
 
define('P4A_THEME_TOOLTIP_FG', '#777'); // foreground color for tooltips
define('P4A_THEME_TOOLTIP_BG', '#fff'); // background color for tooltips
define('P4A_THEME_TOOLTIP_BORDER', '#c6d3de'); // border color for tooltips
 
define('P4A_THEME_EVEN_ROW', '#f4f7fa'); // background color for even rows
define('P4A_THEME_ODD_ROW', '#e2e7ed'); // background color for odd rows
 

Importing a gtkrc file

• download the gtkrc2p4a script
• run php gtkrc2p4a.php /path/to/your/gtkrc/file
• copy the output generated by the command above
• paste to the P4A application's index.php (before the require p4a.php line)

A quick video guide of this feature is contained in the Theme customizations in RC5 video tutorial on P4A TV.

Available color schemas

Clearlooks

This sample is using clearlooks color schema plus GNOME icon pack

The default GNOME theme:

 
define('P4A_THEME_FG', '#000');
define('P4A_THEME_BG', '#EDECEB');
define('P4A_THEME_BORDER', '#d5d4d3');
define('P4A_THEME_INPUT_FG', '#1A1A1A');
define('P4A_THEME_INPUT_BG', '#fff');
define('P4A_THEME_INPUT_BORDER', '#e5e5e5');
define('P4A_THEME_SELECTED_FG', '#fff');
define('P4A_THEME_SELECTED_BG', '#86ABD9');
define('P4A_THEME_SELECTED_BORDER', '#7899c3');
define('P4A_THEME_TOOLTIP_FG', '#000');
define('P4A_THEME_TOOLTIP_BG', '#F5F5B5');
define('P4A_THEME_TOOLTIP_BORDER', '#dcdca2');
define('P4A_THEME_EVEN_ROW', '#eee');
define('P4A_THEME_ODD_ROW', '#fff');
 

Human

This sample is using human color schema plus human icon pack

The default UBUNTU theme:

 
define('P4A_THEME_FG', '#101010');
define('P4A_THEME_BG', '#EFEBE7');
define('P4A_THEME_BORDER', '#d7d3cf');
define('P4A_THEME_INPUT_FG', '#000');
define('P4A_THEME_INPUT_BG', '#FFF');
define('P4A_THEME_INPUT_BORDER', '#e5e5e5');
define('P4A_THEME_SELECTED_FG', '#000');
define('P4A_THEME_SELECTED_BG', '#FFD799');
define('P4A_THEME_SELECTED_BORDER', '#e5c189');
define('P4A_THEME_TOOLTIP_FG', '#000');
define('P4A_THEME_TOOLTIP_BG', '#F5F5B5');
define('P4A_THEME_TOOLTIP_BORDER', '#dcdca2');
define('P4A_THEME_EVEN_ROW', '#eee');
define('P4A_THEME_ODD_ROW', '#fff');