twentyseventeen_custom_colors_css()

13<?php14function twentyseventeen_custom_colors_css() {15	$hue = absint( get_theme_mod( 'colorscheme_hue', 250 ) );16 17	/**18	 * Filters Twenty Seventeen default saturation level.19	 *20	 * @since Twenty Seventeen 1.021	 *22	 * @param int $saturation Color saturation level.23	 */24	$saturation         = absint( apply_filters( 'twentyseventeen_custom_colors_saturation', 50 ) );25	$reduced_saturation = ( .8 * $saturation ) . '%';26	$saturation         = $saturation . '%';27	$css                = '28/**29 * Twenty Seventeen: Color Patterns30 *31 * Colors are ordered from dark to light.32 */33 34.colors-custom a:hover,35.colors-custom a:active,36.colors-custom .entry-content a:focus,37.colors-custom .entry-content a:hover,38.colors-custom .entry-summary a:focus,39.colors-custom .entry-summary a:hover,40.colors-custom .comment-content a:focus,41.colors-custom .comment-content a:hover,42.colors-custom .widget a:focus,43.colors-custom .widget a:hover,44.colors-custom .site-footer .widget-area a:focus,45.colors-custom .site-footer .widget-area a:hover,46.colors-custom .posts-navigation a:focus,47.colors-custom .posts-navigation a:hover,48.colors-custom .comment-metadata a:focus,49.colors-custom .comment-metadata a:hover,50.colors-custom .comment-metadata a.comment-edit-link:focus,51.colors-custom .comment-metadata a.comment-edit-link:hover,52.colors-custom .comment-reply-link:focus,53.colors-custom .comment-reply-link:hover,54.colors-custom .widget_authors a:focus strong,55.colors-custom .widget_authors a:hover strong,56.colors-custom .entry-title a:focus,57.colors-custom .entry-title a:hover,58.colors-custom .entry-meta a:focus,59.colors-custom .entry-meta a:hover,60.colors-custom.blog .entry-meta a.post-edit-link:focus,61.colors-custom.blog .entry-meta a.post-edit-link:hover,62.colors-custom.archive .entry-meta a.post-edit-link:focus,63.colors-custom.archive .entry-meta a.post-edit-link:hover,64.colors-custom.search .entry-meta a.post-edit-link:focus,65.colors-custom.search .entry-meta a.post-edit-link:hover,66.colors-custom .page-links a:focus .page-number,67.colors-custom .page-links a:hover .page-number,68.colors-custom .entry-footer a:focus,69.colors-custom .entry-footer a:hover,70.colors-custom .entry-footer .cat-links a:focus,71.colors-custom .entry-footer .cat-links a:hover,72.colors-custom .entry-footer .tags-links a:focus,73.colors-custom .entry-footer .tags-links a:hover,74.colors-custom .post-navigation a:focus,75.colors-custom .post-navigation a:hover,76.colors-custom .pagination a:not(.prev):not(.next):focus,77.colors-custom .pagination a:not(.prev):not(.next):hover,78.colors-custom .comments-pagination a:not(.prev):not(.next):focus,79.colors-custom .comments-pagination a:not(.prev):not(.next):hover,80.colors-custom .logged-in-as a:focus,81.colors-custom .logged-in-as a:hover,82.colors-custom a:focus .nav-title,83.colors-custom a:hover .nav-title,84.colors-custom .edit-link a:focus,85.colors-custom .edit-link a:hover,86.colors-custom .site-info a:focus,87.colors-custom .site-info a:hover,88.colors-custom .widget .widget-title a:focus,89.colors-custom .widget .widget-title a:hover,90.colors-custom .widget ul li a:focus,91.colors-custom .widget ul li a:hover {92	color: hsl( ' . $hue . ', ' . $saturation . ', 0% ); /* base: #000; */93}