YJSG comes useful feature for dynamic color styling. PHP class Yjsgcolor can help you style any of your HTML elements based on style link color.
Yjsgcolor class methods that you can use:
$yjsg_color->darker('percentage') = makes the color darker based on the link color.
$yjsg_color->lighter('percentage') = makes the color lighter based on the link color.
To make it easier for you we have already created $cc_css variable that you can use to define your multiple elements.
If you open site_root/templates/template_name/custom/template_custom_params.php
you will see this variable defined with one or more elements inside :
You can simply add more elements and either use your style default link color for them $style_color or you can extend it with $yjsg_color->darker('percentage') or $yjsg_color->lighter('percentage') methods.
If you open Eximium template template_custom_params.php file you will find $cc_css variable populated with few css class names that are affected once you change default style links color:
As you can see we used default link color to style some of our elements. This can be further extended to use custom color for other elements based on link color.
What file can I edit?
Please do not edit or change template_custom_params.php file directly. This file is used for each template differently and it might be changed on template update. You can use yjsg_custom_params.php file instead. Just copy the variables or params from template_custom_params.php to yjsg_custom_params.php and extend them.
If you were wondering where the $style_color variable comes from, this would be your selected stylesheet link color that you can find in template manager under the tab Style.
After you have declared all elements that you would like to style based on link color you can change default color code for your stylesheet within your template manager and all elements defined within $cc_css variable will be changed and adapted based on this param.