/** * Get the provided color and return a darker one with the same hue */ static function darken_color($color, $power = 'medium') { $color_dec = Skrollr_Color_Tools::rgbhex2dec($color); $hsl = Skrollr_Color_Tools::rgb2hsl($color_dec[0], $color_dec[1], $color_dec[2]); if ($power == 'low') { if ($hsl[2] < 0.5) { $hsl[2] = $hsl[2] * 0.9; } else { $hsl[2] = $hsl[2] - 0.1; } } else { if ($power == 'medium') { if ($hsl[2] < 0.5) { $hsl[2] = $hsl[2] * 0.5; } else { $hsl[2] = $hsl[2] - 0.25; } } else { if ($power == 'strong') { if ($hsl[2] < 0.5) { $hsl[2] = $hsl[2] * 0.4; } else { $hsl[2] = $hsl[2] - 0.4; } } } } if ($hsl[2] < 0) { $hsl[2] = 0; } $darker = '#' . Skrollr_Color_Tools::hsl2rgb($hsl[0], $hsl[1], $hsl[2], 'hex'); return $darker; }
function get_css($bg_color, $bg_active_color, $txt_color, $content_bg_color, $content_txt_color, $desc_bg_color, $desc_txt_color) { $bg_color = esc_attr($bg_color); $bg_active_color = esc_attr($bg_active_color); $txt_color = esc_attr($txt_color); $content_bg_color = esc_attr($content_bg_color); $content_txt_color = esc_attr($content_txt_color); $desc_bg_color = esc_attr($desc_bg_color); $desc_txt_color = esc_attr($desc_txt_color); $bg_active_color_dec = Skrollr_Color_Tools::rgbhex2dec($bg_active_color); $content_menu_border_color = Skrollr_Color_Tools::darken_color($content_bg_color, 'low'); $content_link_hover_color = Skrollr_Color_Tools::darken_color($content_txt_color, 'medium'); $content_txt_strong_color = Skrollr_Color_Tools::darken_color($content_txt_color, 'strong'); ?> a { color: <?php echo $content_txt_color; ?> ; } a:hover { color: <?php echo $content_link_hover_color; ?> ; } body, .block, .one-column, footer { background-color: <?php echo $content_bg_color; ?> ; color: <?php echo $content_txt_color; ?> ; } blockquote { color: <?php echo $bg_color; ?> ; } blockquote > p:before, blockquote > p:after { color: <?php echo $content_txt_color; ?> ; } #chapo { background: <?php echo $desc_bg_color; ?> ; color: <?php echo $desc_txt_color; ?> ; } .text-column img.size-medium { border-color: white; } .text-column > p strong { color: <?php echo $content_txt_strong_color; ?> ; } #main-menu { background: <?php echo $bg_color; ?> ; color: <?php echo $txt_color; ?> ; } #main-menu:hover { background-color: <?php echo $bg_color; ?> !important; } #main-menu dd, #main-menu dt { background: <?php echo $bg_active_color; ?> ; } #main-menu .menu a.current { border-color: <?php echo $bg_active_color; ?> ; } #main-menu .menu a:hover, #main-menu .menu a:hover > dt { background: <?php echo $bg_active_color; ?> ; } #main-menu a { color: <?php echo $txt_color; ?> ; } .mejs-video .mejs-controls .mejs-time-rail .mejs-time-current { background: <?php echo $bg_active_color; ?> ; } .mejs-video .mejs-controls .mejs-time-rail .mejs-time-loaded { background: <?php echo $txt_color; ?> ; } .sk-gallery figcaption, .sk-video figcaption { background: rgba(<?php echo implode(",", $bg_active_color_dec); ?> , 0.5); color: <?php echo $txt_color; ?> ; } .partage > a { color: <?php echo $txt_color; ?> ; } .scrolldown, .scrolldown:hover { color: <?php echo $txt_color; ?> ; } .scrolldown:after { border-color: <?php echo $txt_color; ?> ; } .post-edit-link { border-color: <?php echo $bg_color; ?> ; color: <?php echo $bg_color; ?> ; background-color: <?php echo $content_bg_color; ?> ; } .post-edit-link:hover { color: <?php echo $txt_color; ?> ; background-color: <?php echo $bg_color; ?> ; } .page .menu .menu-item > a { border-color: <?php echo $content_menu_border_color; ?> ; } .wp-caption-text { color: <?php echo $content_link_hover_color; ?> ; } <?php }
function display_nav_menu() { if ($this->is_set() || is_customize_preview()) { $bg_color = get_theme_mod('bg_color', '#505050'); $bg_color_dec = Skrollr_Color_Tools::rgbhex2dec($bg_color); // translators: Anchor for top of the page, this string will appear in a URL $top_anchor = _x('top', 'anchor', 'skrollr'); // translators: Anchor for bottom of the page, this string will appear in a URL $bottom_anchor = _x('bottom', 'anchor', 'skrollr'); ?> <nav id="main-menu" class="icons icomoon-menu thin" data-10="background-color:rgba(<?php echo implode(',', $bg_color_dec); ?> ,1)" data-200="background-color:rgba(<?php echo implode(',', $bg_color_dec); ?> ,0)" data-200-end="background-color:rgba(<?php echo implode(',', $bg_color_dec); ?> ,0)" data-40-end="background-color:rgba(<?php echo implode(',', $bg_color_dec); ?> ,1)" > <dl class="menu"> <a href="#<?php echo $top_anchor; ?> " class="nav-item current"> <dt class="icons icomoon-home" data-bottom-top="display:none" data-center-top="display:block" data-top-top="display:none" data-anchor-target="#<?php echo $top_anchor; ?> "></dt> <dd><?php echo $this->fix_breakable_space(__('Top', 'skrollr')); ?> </dd> </a> <div id="main-menu-container" class="menu-menu-container"> <?php $i = 0; global $post; add_filter('the_title', array($this, 'fix_breakable_space')); while (have_posts()) { $i++; the_post(); ?> <a href="#<?php echo $post->post_name; ?> " class="nav-item"> <dt data--10-bottom-top="display:none" data-center-top="display:block" data-top-top="display:none" data-anchor-target="#<?php echo $post->post_name; ?> "><?php echo $i; ?> </dt> <dd><?php the_title(); ?> </dd> </a><?php } rewind_posts(); remove_filter('the_title', array($this, 'fix_breakable_space')); ?> </div> <a href="#<?php echo $bottom_anchor; ?> " class="nav-item"> <dt class="icons icomoon-down-arrow" data-200-end="display:none" data-40-end="display:block"></dt> </a> </dl> </nav><?php if (!$this->is_set()) { ?> <style> #main-menu{ display: none; } </style><?php } } }