supware.net
original software by Doug Melton

iDialer - HOWTO Create Skins

New submissions, please send to support@supware.net

So, HOWTO create a skin?

Take a VERY close look at the skin. Notice how the last row of the skin file contains 24 pixels of seemingly random colors? Well those are not just random colors. iDialer uses these pixels for the colors to create the display. Cool, huh?

So what do each of these color pixels represent? Here are the constants I've used in iDialer:

#define SKIN_COLOR_BACKGROUND           0 // 000000
#define SKIN_COLOR_TEXT                 1 // FFFFFF
#define SKIN_COLOR_TEXT_DIM             2 // 808080
#define SKIN_COLOR_HIGHLIGHT            3 // 4b5aff
#define SKIN_COLOR_NUMBER_REGION_RGB1   4 // 687c96
#define SKIN_COLOR_NUMBER_REGION_RGB2   5 // 264269
#define SKIN_COLOR_NUMBER_REGION_RGB3   6 // 112e5a
#define SKIN_COLOR_NUMBER_REGION_RGB4   7 // 0a2851
#define SKIN_COLOR_BUTTON_HIGHLIGHT     8 // 333942
#define SKIN_COLOR_BUTTON_SHADOW        9 // 12161f
#define SKIN_COLOR_DIGIT_BUTTON_RGB1   10 // 1c232d
#define SKIN_COLOR_DIGIT_BUTTON_RGB2   11 // 0e1420
#define SKIN_COLOR_CALL_BUTTON_RGB1    12 // 9bce96
#define SKIN_COLOR_CALL_BUTTON_RGB2    13 // 40b33c
#define SKIN_COLOR_CALL_BUTTON_RGB3    14 // 1fa119
#define SKIN_COLOR_CALL_BUTTON_RGB4    15 // 27ab1e
#define SKIN_COLOR_ADD_BUTTON_RGB1     16 // 203047
#define SKIN_COLOR_ADD_BUTTON_RGB2     17 // 0b1c36
#define SKIN_COLOR_ADD_BUTTON_RGB3     18 // 041831
#define SKIN_COLOR_ADD_BUTTON_RGB4     19 // 041832
#define SKIN_COLOR_BACK_BUTTON_RGB1    20 // 203047
#define SKIN_COLOR_BACK_BUTTON_RGB2    21 // 0b1c36
#define SKIN_COLOR_BACK_BUTTON_RGB3    22 // 041831
#define SKIN_COLOR_BACK_BUTTON_RGB4    23 // 041832

The number "0-23" is the x-coordinate of the pixel that represents that skin color. The 6-digit hex number is the actual color I've used in my default skins. The RGB1-4 colors for each type of button are for a gradient on that button. You'll have to experiment to see how it works.

Please note: For VGA skins, these color pixels are actually 2x2 pixel squares. This was done so that if the skin has to be shrunk down to QVGA, the pixels will still be intact.

Templates

The following GIMP .xcf templates are available as a starting point:

Submission

To submit a new skin, you simply need to send the skin.png file and a screenshot (if desired) to support@supware.net and I will add it. It is no longer necessary to create a .cab file. My site can generate it automatically. Please let me know if I can make it any easier!