The return of the Color Chooser is upon us, but in a revolutionary, administrator only form. The Color Chooser is an ideal feature to help web developers quickly, and easily change and test the colour schemes of their sites. Akiraka has been constructed to be fully transparent and all the colours are generated by the Color Chooser, comfortably situated in the Template Manager parameters for the template. There are 27 options to choose one which control every possible colour aspect of the template. Better yet, you can either manually input the colours, i.e. the HEX code or use the color palette, situated to the right of each option. The changes you make appear live, in a sophisticated preview above all the parameters in the administrator. Therefore, you can easily see what your custom colour scheme is going to look like, instantly.

The 27 scheme options are as follows, and the areas that they control are indicative in their name (and will be visible in the live preview):-

• Header Color
• Logo Text
• Header Text
• Header Link
• Header Overlay Style
• Showcase Color
• Showcase Text
• Showcase Link
• Showcase Highlight Text

• Showcase Highlight
• Showcase Overlay Style
• Body Color
• Body Highlight
• Body Text
• Body Link
• Main Body Overlay Style
• Bottom Bar Color
• Bottom Bar Text

• Bottom Bar Link
• Bottom Section Color
• Bottom Section Text
• Bottom Section Link
• Bottom Section Overlay Style
• Footer Color
• Footer Text
• Footer link
• Overlay Texture Style

Color Choose Video Tutorial

Learn how to configure and utilise the Color Chooser feature with this detailed video tutorial.

Watch Now!

Creating your own presets

With Akiraka, we provide a series of preset configurations for the color chooser which you and your visitors can select from. However, if you wish to set or change these yourself, the process is extremely simple.

1. Login into the Joomla Administrator
2. Go to Extensions > Template Manager > rt_akiraka_j15
3. Set Preset Styles to Custom
4. Now, choose all the colour options you wish from the 27 options available, as well as the Overlay Texture value
5. Hit the Custom Styles button in the Button menu, located in the upper right of the template manager
6. This will output all the values into the Custom Style Output box, situated below the 27 options. Copy the outputted code from this box
7. Open the file styles.php which is located within the /templates/rt_akiraka_j15/ directory
8. Locate the following code block.
   

   $stylesList = array(
   	'style1' => array('h-dark', 's-dark', 'b-dark', 'bt-dark', 'texture1', "#121212", "#86140a", "#232b00", "#000000", "#191919", "#262626", "#cc0000", "#cccccc", "#ffffff", "#ffffff", "#ff9b01", "#000000", "#ff9b01", "#ff9b01", "#afc78c", "#ffffff", "#666666", "#cccccc", "#666666", "#cccccc", "#666666", "#999999"),
   	'style2' => array('h-dark', 's-dark', 'b-dark', 'bt-dark', 'notexture', "#121212", "#003030", "#361705", "#000000", "#191919", "#262626", "#007E7E", "#cccccc", "#ffffff", "#ffffff", "#00CACA", "#ffffff", "#66cc66", "#60c363", "#bc9780", "#ffffff", "#666666", "#cccccc", "#666666", "#cccccc", "#666666", "#999999"),
   	'style3' => array('h-dark', 's-dark', 'b-dark', 'bt-dark', 'notexture', "#121212", "#233142", "#171f2a", "#000000", "#191919", "#262626", "#55729c", "#cccccc", "#ffffff", "#ffffff", "#829bc1", "#000000", "#ffcc00", "#f2c304", "#97a6b9", "#ffffff", "#666666", "#cccccc", "#666666", "#cccccc", "#666666", "#999999"),
   	'style4' => array('h-dark', 's-dark', 'b-dark', 'bt-dark', 'texture3', "#121212", "#484800", "#271c10", "#000000", "#191919", "#262626", "#abab00", "#cccccc", "#ffffff", "#ffffff", "#dbdd88", "#000000", "#cccc00", "#b8b803", "#d5b07c", "#ffffff", "#666666", "#cccccc", "#666666", "#cccccc", "#666666", "#999999"),
   	'style5' => array('h-dark', 's-dark', 'b-dark', 'bt-dark', 'texture2', "#121212", "#003754", "#222222", "#000000", "#191919", "#262626", "#2176a3", "#cccccc", "#ffffff", "#ffffff", "#209adb", "#ffffff", "#f57c00", "#f57c00", "#b0b0b0", "#ffffff", "#666666", "#cccccc", "#666666", "#cccccc", "#666666", "#999999"),
   	'style6' => array('h-dark', 's-dark', 'b-dark', 'bt-dark', 'texture4', "#121212", "#222222", "#3d0000", "#000000", "#191919", "#262626", "#999999", "#cccccc", "#ffffff", "#ffffff", "#999999", "#ffffff", "#63a500", "#63a500", "#f89193", "#ffffff", "#666666", "#cccccc", "#666666", "#cccccc", "#666666", "#999999"),
   	'style7' => array('h-dark', 's-dark', 'b-dark', 'bt-dark', 'notexture', "#121212", "#cabe9a", "#252314", "#000000", "#191919", "#262626", "#d4c595", "#cccccc", "#ffffff", "#000000", "#6a3c65", "#ffffff", "#6a3c65", "#984c98", "#D2CCA4", "#ffffff", "#666666", "#cccccc", "#666666", "#cccccc", "#666666", "#999999"),
   	'style8' => array('h-dark', 's-dark', 'b-light', 'bt-dark', 'texture3', "#121212", "#0099cc", "#ffffff", "#000000", "#191919", "#262626", "#0099cc", "#cccccc", "#ffffff", "#000000", "#ffffff", "#ffffff", "#007ea8", "#055a76", "#333333", "#055a76", "#666666", "#cccccc", "#666666", "#cccccc", "#666666", "#999999"),
   	'style9' => array('h-dark', 's-dark', 'b-light', 'bt-dark', 'texture1', "#121212", "#555555", "#ffffff", "#000000", "#191919", "#262626", "#999999", "#cccccc", "#ffffff", "#ffffff", "#cccccc", "#ffffff", "#63a500", "#63a500", "#333333", "#63a500", "#666666", "#cccccc", "#666666", "#cccccc", "#666666", "#999999"),
   	'style10' => array('h-dark', 's-light', 'b-light', 'bt-dark', 'texture1', "#121212", "#dfdfdf", "#ffffff", "#000000", "#191919", "#262626", "#999999", "#cccccc", "#ffffff", "#000000", "#663399", "#ffffff", "#663399", "#663399", "#333333", "#663399", "#666666", "#cccccc", "#666666", "#cccccc", "#666666", "#999999")
   );

9. Edit that block to meet your needs, either by remove the code between $stylesList = array( and ); and copying in the code directly, or adding the new style code to the list of current styles or whatever method you prefer.
   Ensure that you only edit the code in between $stylesList = array( and ); and ensure it is the right format otherwise you will receive errors
10. Save, and upload the file to your site.