49 lines
1.9 KiB
JavaScript
49 lines
1.9 KiB
JavaScript
/* global amp_customizer_design, console */
|
|
|
|
( function( $ ) {
|
|
'use strict';
|
|
|
|
// Nav bar text color.
|
|
wp.customize( 'amp_customizer[header_color]', function( value ) {
|
|
value.bind( function( to ) {
|
|
$( '.amp-wp-header a' ).css( 'color', to );
|
|
$( '.amp-wp-header div' ).css( 'color', to );
|
|
$( '.amp-wp-header .amp-wp-site-icon' ).css( 'border-color', to ).css( 'background-color', to );
|
|
} );
|
|
} );
|
|
|
|
// Nav bar background color.
|
|
wp.customize( 'amp_customizer[header_background_color]', function( value ) {
|
|
value.bind( function( to ) {
|
|
$( 'html, .amp-wp-header' ).css( 'background-color', to );
|
|
$( '.amp-wp-article a, .amp-wp-article a:visited, .amp-wp-footer a, .amp-wp-footer a:visited' ).css( 'color', to );
|
|
$( 'blockquote, .amp-wp-byline amp-img' ).css( 'border-color', to );
|
|
} );
|
|
} );
|
|
|
|
// AMP background color scheme.
|
|
wp.customize( 'amp_customizer[color_scheme]', function( value ) {
|
|
value.bind( function( to ) {
|
|
var colors = amp_customizer_design.color_schemes[ to ]; // eslint-disable-line
|
|
|
|
if ( ! colors ) {
|
|
console.error( 'Selected color scheme "%s" not registered.', to ); // eslint-disable-line
|
|
return;
|
|
}
|
|
|
|
$( 'body' ).css( 'background-color', colors.theme_color );
|
|
$( 'body, a:hover, a:active, a:focus, blockquote, .amp-wp-article, .amp-wp-title' ).css( 'color', colors.text_color );
|
|
$( '.amp-wp-meta, .wp-caption .wp-caption-text, .amp-wp-tax-category, .amp-wp-tax-tag, .amp-wp-footer p' ).css( 'color', colors.muted_text_color );
|
|
$( '.wp-caption .wp-caption-text, .amp-wp-comments-link a, .amp-wp-footer' ).css( 'border-color', colors.border_color );
|
|
$( '.amp-wp-iframe-placeholder, amp-carousel, amp-iframe, amp-youtube, amp-instagram, amp-vine' ).css( 'background-color', colors.border_color );
|
|
} );
|
|
} );
|
|
|
|
// Site title.
|
|
wp.customize( 'blogname', function( setting ) {
|
|
setting.bind( function( title ) {
|
|
$( '.amp-wp-header .amp-site-title, .amp-wp-footer h2' ).text( title );
|
|
} );
|
|
} );
|
|
}( jQuery ) );
|