<<< Back to the TFU FAQ

 9. How to change the colors of the flash - professional license or above

If you have a professional license or above you can change the colors of the flash. It's not possible to change everything (e.g. the colors of the buttons are defined in a theme and there you can only set 3 different ones. If you like to modify these to you need to modify the source code by yourself) but most colors can be changed. If you have a source code license you can either change the colors by yourself but of course use this settings too. You only have to remove the body of the method MLayout.as -> resetColors. If your license does already contain TWG_SOURCE in the domain this is not needed.

Colors does always have to be in the hexadecimal format. e.g. AA00FF unless something else is described. This are the possible colors you can change:

• c_theme - The basic theme of the flash - possible settings are "haloOrange", "haloGreen", "haloBlue"
• c_text - The basic color of all texts
• c_text_header - The color of the header text (for popups too!)
• c_header_bg - The background of the header
• c_header_bg_2 - The 2.nd background of the header - makes a gradient fill from c_header_bg to c_header_bg_2.
• c_bg - The main background
• c_border - The color of the border
• c_list_bg - The background of the list and the grid
• c_list_header - The background color of the header of the grid
• c_list_header_solid - set this to "true" if you like to have a solid list header. All gradients are fading to white because this is hardcoded in the core (new 2.8.3).
• c_progress_text - The color of the text on the progress bar
• c_progress_label - The color of the label left to the progress bar
• c_progress_bar - The color of the moving part of the progress bar
• c_progress_bar_bg - The color of the background of the progress bar
• c_progress_bar_seperator - The color of the small seperators in the progress bar
• c_popup_bg - The background color of popups like the login
• c_popup_header_bg - The background of the headers of the popups
• c_popup_header_bg_2 - The 2.nd background of the headers of the popups - makes a gradient fill from c_popup_header_bg to c_popup_header_bg_2
• c_popup_border - The color of the border of the popups
• c_bg_numbers - The background of the line numbers - This color is related to the backgound color but with an alpha channel - you have to find the right color e.g. with a tool that shows you the color of the background when faded.
• c_numbers - The color of the numbers
• c_status - The color of the status line. If not set c_text is used

To set a color you simly add e.g. so.addVariable("c_text", "FF00FF"); to the javascript call or as a parameter to the flash. You see two examples in the source code of this page (as comments). If you don't have a professional license or above and set colors this way then all colors are set to white.