WordPress.org

Make WordPress Core

Ticket #26220: 26220.remove-accent-colors.diff

File 26220.remove-accent-colors.diff, 8.9 KB (added by celloexpressions, 4 years ago)
  • wp-content/themes/twentyfourteen/inc/customizer.php

     
    2323        $wp_customize->get_section( 'colors' )->description           = __( 'Background may only be visible on wide screens.', 'twentyfourteen' );
    2424        $wp_customize->get_section( 'background_image' )->description = __( 'Background may only be visible on wide screens.', 'twentyfourteen' );
    2525
    26         // Add the custom accent color setting and control.
    27         $wp_customize->add_setting( 'accent_color', array(
    28                 'default'           => '#24890d',
    29                 'sanitize_callback' => 'sanitize_hex_color',
    30         ) );
    31 
    32         $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'accent_color', array(
    33                 'label'    => __( 'Accent Color', 'twentyfourteen' ),
    34                 'section'  => 'colors',
    35         ) ) );
    36 
    37         add_filter( 'theme_mod_accent_mid',   'twentyfourteen_accent_mid'   );
    38         add_filter( 'theme_mod_accent_light', 'twentyfourteen_accent_light' );
    39 
    4026        // Add the featured content section in case it's not already there.
    4127        $wp_customize->add_section( 'featured_content', array(
    4228                'title'       => __( 'Featured Content', 'twentyfourteen' ),
     
    7258add_action( 'customize_preview_init', 'twentyfourteen_customize_preview_js' );
    7359
    7460/**
    75  * Tweak the brightness of a color by adjusting the RGB values by the given interval.
    76  *
    77  * Use positive values of $steps to brighten the color and negative values to darken the color.
    78  * All three RGB values are modified by the specified steps, within the range of 0-255. The hue
    79  * is generally maintained unless the number of steps causes one value to be capped at 0 or 255.
    80  *
    81  * @since Twenty Fourteen 1.0
    82  *
    83  * @param string $color The original color, in 3- or 6-digit hexadecimal form.
    84  * @param int $steps The number of steps to adjust the color by, in RGB units.
    85  * @return string $color The new color, in 6-digit hexadecimal form.
    86  */
    87 function twentyfourteen_adjust_color( $color, $steps ) {
    88         // Convert shorthand to full hex.
    89         if ( strlen( $color ) == 3 ) {
    90                 $color = str_repeat( substr( $color, 1, 1 ), 2 ) . str_repeat( substr( $color, 2, 1 ), 2 ) . str_repeat( substr( $color, 3, 1), 2 );
    91         }
    92 
    93         // Convert hex to rgb.
    94         $rgb = array( hexdec( substr( $color, 1, 2 ) ), hexdec( substr( $color, 3, 2 ) ), hexdec( substr( $color, 5, 2 ) ) );
    95 
    96         // Adjust color and switch back to 6-digit hex.
    97         $hex = '#';
    98         foreach ( $rgb as $value ) {
    99                 $value += $steps;
    100                 if ( $value > 255 ) {
    101                         $value = 255;
    102                 } elseif ( $value < 0 ) {
    103                         $value = 0;
    104                 }
    105                 $hex .= str_pad( dechex( $value ), 2, '0', STR_PAD_LEFT);
    106         }
    107 
    108         return $hex;
    109 }
    110 
    111  /**
    112  * Returns a slightly lighter color than what is set as the theme's
    113  * accent color.
    114  *
    115  * @since Twenty Fourteen 1.0
    116  *
    117  * @return string
    118  */
    119 function twentyfourteen_accent_mid() {
    120         return twentyfourteen_adjust_color( get_theme_mod( 'accent_color' ), 29 );
    121 }
    122 
    123 /**
    124  * Returns a lighter color than what is set as the theme's accent color.
    125  *
    126  * @since Twenty Fourteen 1.0
    127  *
    128  * @return string
    129  */
    130 function twentyfourteen_accent_light() {
    131         return twentyfourteen_adjust_color( get_theme_mod( 'accent_color' ), 49 );
    132 }
    133 
    134 /**
    135  * Caches the generated variants of the theme's accent color.
    136  *
    137  * @since Twenty Fourteen 1.0
    138  *
    139  * @return void
    140  */
    141 function twentyfourteen_rebuild_accent_colors() {
    142         set_theme_mod( 'accent_mid',   twentyfourteen_accent_mid()   );
    143         set_theme_mod( 'accent_light', twentyfourteen_accent_light() );
    144 }
    145 add_action( 'update_option_theme_mods_twentyfourteen', 'twentyfourteen_rebuild_accent_colors' );
    146 
    147 /**
    148  * Output the CSS for the Theme Customizer options.
    149  *
    150  * @since Twenty Fourteen 1.0
    151  *
    152  * @return void
    153  */
    154 function twentyfourteen_customizer_styles() {
    155         $accent_color = get_theme_mod( 'accent_color', '#24890d' );
    156 
    157         // Don't do anything if the current color is the default.
    158         if ( '#24890d' === $accent_color ) {
    159                 return;
    160         }
    161 
    162         $accent_mid   = get_theme_mod( 'accent_mid'   );
    163         $accent_light = get_theme_mod( 'accent_light' );
    164 
    165         $css = '/* Custom accent color. */
    166                 a,
    167                 .content-sidebar .widget a {
    168                         color: ' . $accent_color . ';
    169                 }
    170 
    171                 button,
    172                 .contributor-posts-link,
    173                 input[type="button"],
    174                 input[type="reset"],
    175                 input[type="submit"],
    176                 .search-toggle,
    177                 .hentry .mejs-controls .mejs-time-rail .mejs-time-current,
    178                 .widget button,
    179                 .widget input[type="button"],
    180                 .widget input[type="reset"],
    181                 .widget input[type="submit"],
    182                 .widget_calendar tbody a,
    183                 .content-sidebar .widget input[type="button"],
    184                 .content-sidebar .widget input[type="reset"],
    185                 .content-sidebar .widget input[type="submit"],
    186                 .slider-control-paging .slider-active:before,
    187                 .slider-control-paging .slider-active:hover:before,
    188                 .slider-direction-nav a:hover {
    189                         background-color: ' . $accent_color . ';
    190                 }
    191 
    192                 ::-moz-selection {
    193                         background: ' . $accent_color . ';
    194                 }
    195 
    196                 ::selection {
    197                         background: ' . $accent_color . ';
    198                 }
    199 
    200                 .paging-navigation .page-numbers.current {
    201                         border-color: ' .  $accent_color . ';
    202                 }
    203 
    204                 @media screen and (min-width: 782px) {
    205                         .primary-navigation li:hover > a,
    206                         .primary-navigation li.focus > a,
    207                         .primary-navigation ul ul {
    208                                 background-color: ' . $accent_color . ';
    209                         }
    210                 }
    211 
    212                 @media screen and (min-width: 1008px) {
    213                         .secondary-navigation li:hover > a,
    214                         .secondary-navigation li.focus > a,
    215                         .secondary-navigation ul ul {
    216                                 background-color: ' . $accent_color . ';
    217                         }
    218                 }
    219 
    220                 /* Generated "mid" variant of custom accent color. */
    221                 button:hover,
    222                 button:focus,
    223                 .contributor-posts-link:hover,
    224                 input[type="button"]:hover,
    225                 input[type="button"]:focus,
    226                 input[type="reset"]:hover,
    227                 input[type="reset"]:focus,
    228                 input[type="submit"]:hover,
    229                 input[type="submit"]:focus,
    230                 .search-toggle:hover,
    231                 .search-toggle.active,
    232                 .search-box,
    233                 .entry-meta .tag-links a:hover,
    234                 .widget input[type="button"]:hover,
    235                 .widget input[type="button"]:focus,
    236                 .widget input[type="reset"]:hover,
    237                 .widget input[type="reset"]:focus,
    238                 .widget input[type="submit"]:hover,
    239                 .widget input[type="submit"]:focus,
    240                 .widget_calendar tbody a:hover,
    241                 .content-sidebar .widget input[type="button"]:hover,
    242                 .content-sidebar .widget input[type="button"]:focus,
    243                 .content-sidebar .widget input[type="reset"]:hover,
    244                 .content-sidebar .widget input[type="reset"]:focus,
    245                 .content-sidebar .widget input[type="submit"]:hover,
    246                 .content-sidebar .widget input[type="submit"]:focus,
    247                 .slider-control-paging a:hover:before {
    248                         background-color: ' . $accent_mid . ';
    249                 }
    250 
    251                 a:active,
    252                 a:hover,
    253                 .site-navigation a:hover,
    254                 .entry-title a:hover,
    255                 .entry-meta a:hover,
    256                 .cat-links a:hover,
    257                 .entry-content .edit-link a:hover,
    258                 .page-links a:hover,
    259                 .post-navigation a:hover,
    260                 .image-navigation a:hover,
    261                 .comment-author a:hover,
    262                 .comment-list .pingback a:hover,
    263                 .comment-list .trackback a:hover,
    264                 .comment-metadata a:hover,
    265                 .comment-reply-title small a:hover,
    266                 .widget a:hover,
    267                 .widget-title a:hover,
    268                 .widget_twentyfourteen_ephemera .entry-meta a:hover,
    269                 .content-sidebar .widget a:hover,
    270                 .content-sidebar .widget .widget-title a:hover,
    271                 .content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover,
    272                 .site-info a:hover,
    273                 .featured-content a:hover {
    274                         color: ' . $accent_mid . ';
    275                 }
    276 
    277                 .page-links a:hover,
    278                 .paging-navigation a:hover {
    279                         border-color: ' . $accent_mid . ';
    280                 }
    281 
    282                 .tag-links a:hover:before {
    283                         border-right-color: ' . $accent_mid . ';
    284                 }
    285 
    286                 @media screen and (min-width: 782px) {
    287                         .primary-navigation ul ul a:hover,
    288                         .primary-navigation ul ul li.focus > a {
    289                                 background-color: ' . $accent_mid . ';
    290                         }
    291                 }
    292 
    293                 @media screen and (min-width: 1008px) {
    294                         .secondary-navigation ul ul a:hover,
    295                         .secondary-navigation ul ul li.focus > a {
    296                                 background-color: ' . $accent_mid . ';
    297                         }
    298                 }
    299 
    300                 /* Generated "light" variant of custom accent color. */
    301                 button:active,
    302                 .contributor-posts-link:active,
    303                 input[type="button"]:active,
    304                 input[type="reset"]:active,
    305                 input[type="submit"]:active,
    306                 .widget input[type="button"]:active,
    307                 .widget input[type="reset"]:active,
    308                 .widget input[type="submit"]:active,
    309                 .content-sidebar .widget input[type="button"]:active,
    310                 .content-sidebar .widget input[type="reset"]:active,
    311                 .content-sidebar .widget input[type="submit"]:active {
    312                         background-color: ' . $accent_light . ';
    313                 }
    314 
    315                 .site-navigation .current_page_item > a,
    316                 .site-navigation .current_page_ancestor > a,
    317                 .site-navigation .current-menu-item > a,
    318                 .site-navigation .current-menu-ancestor > a {
    319                         color: ' . $accent_light . ';
    320                 }';
    321 
    322         wp_add_inline_style( 'twentyfourteen-style', $css );
    323 }
    324 add_action( 'wp_enqueue_scripts', 'twentyfourteen_customizer_styles' );
    325 
    326 /**
    32761 * Adds contextual help to the Themes and Post edit screens.
    32862 *
    32963 * @since Twenty Fourteen 1.0