if (!empty($sections)) {
foreach ($sections as $name => $section) {
//checks if we have a dark or light background and then creates a stronger version of the main font color for headings
$section['heading'] = kleo_calc_similar_color($section['text'], kleo_calc_perceived_brightness($section['bg'], 100) ? 'lighter' : 'darker', 3);
//check if we have a dark or lighht background and then creates a lighter version of the main font color
$section['lighter'] = kleo_calc_similar_color($section['bg'], kleo_calc_perceived_brightness($section['bg'], 100) ? 'lighter' : 'darker', 4);
// Highlight background color in RBG
$section["high_bg_rgb"] = kleo_hex_to_rgb($section['high_bg']);
// Alternate background color in RBG
$section["alternate_bg_rgb"] = kleo_hex_to_rgb($section['alt_bg']);
// Text color in RBG
$section["text_color_rgb"] = kleo_hex_to_rgb($section['text']);
// Background color in RBG
$section["bg_color_rgb"] = kleo_hex_to_rgb($section['bg']);
// Link color in RBG
$section["link_color_rgb"] = kleo_hex_to_rgb($section['link']);
/* Use like this
*
* .<?php echo $name; ?>-color .rgb-element {
* background-color: rgba(<?php echo $section['high_bg_rgb']['r']; ?>,<?php echo $section['high_bg_rgb']['g']; ?>,<?php echo $section['high_bg_rgb']['b']; ?>,0.4);
* }
*/
?>
/*** TEXT COLOR ***/
.popover-content, /* Leave it without $name */
.<?php
echo $name;
-----------------------------------------------------------------*/
global $kleo_config, $kleo_theme;
$style_sets = $kleo_config['style_sets'];
$sections = kleo_style_options();
if (!empty($sections)) {
foreach ($sections as $name => $section) {
//checks if we have a dark or light background and then creates a stronger version of the main font color for headings
$section['heading'] = kleo_calc_similar_color($section['text'], kleo_calc_perceived_brightness($section['bg'], 100) ? 'lighter' : 'darker', 3);
//check if we have a dark or lighht background and then creates a lighter version of the main font color
$section['lighter'] = kleo_calc_similar_color($section['bg'], kleo_calc_perceived_brightness($section['bg'], 100) ? 'lighter' : 'darker', 4);
// Highlight background color in RBG
$section["high_bg_rgb"] = kleo_hex_to_rgb($section['high_bg']);
// Alternate background color in RBG
$section["alternate_bg_rgb"] = kleo_hex_to_rgb($section['alt_bg']);
// Text color in RBG
$section["text_color_rgb"] = kleo_hex_to_rgb($section['text']);
/* Use like this
*
* .<?php echo $name; ?>-color .rgb-element {
* background-color: rgba(<?php echo $section['high_bg_rgb']['r']; ?>,<?php echo $section['high_bg_rgb']['g']; ?>,<?php echo $section['high_bg_rgb']['b']; ?>,0.4);
* }
*/
?>
/*** TEXT COLOR ***/
.<?php
echo $name;
?>
/**
* calculates if a color is dark or light,
* if a second parameter is passed it will return true or false based on the comparison of the calculated and passed value
* @param string $color hex color code
* @return array $color
*/
function kleo_calc_perceived_brightness($color, $compare = false)
{
$rgba = kleo_hex_to_rgb($color);
$brighntess = sqrt($rgba['r'] * $rgba['r'] * 0.241 + $rgba['g'] * $rgba['g'] * 0.6909999999999999 + $rgba['b'] * $rgba['b'] * 0.068);
if ($compare) {
$brighntess = $brighntess < $compare ? true : false;
}
return $brighntess;
}
