Ticket #23586: 23586.diff

wp-content/themes/twentytwelve/functions.php

@@ -383 +383 @@
  */
 function twentytwelve_body_class( $classes ) {
         $background_color = get_background_color();
+        $background_image = get_background_image();
 
         if ( ! is_active_sidebar( 'sidebar-1' ) || is_page_template( 'page-templates/full-width.php' ) )
                 $classes[] = 'full-width';
@@ -395 +396 @@
                         $classes[] = 'two-sidebars';
         }
 
-        if ( empty( $background_color ) )
-                $classes[] = 'custom-background-empty';
-        elseif ( in_array( $background_color, array( 'fff', 'ffffff' ) ) )
-                $classes[] = 'custom-background-white';
+        if ( empty( $background_image ) ) {
+                if ( empty( $background_color ) )
+                        $classes[] = 'custom-background-empty';
+                elseif ( in_array( $background_color, array( 'fff', 'ffffff' ) ) )
+                        $classes[] = 'custom-background-white';
+        }
 
         // Enable custom font class only if the font CSS is queued to load.
         if ( wp_style_is( 'twentytwelve-fonts', 'queue' ) )

wp-content/themes/twentytwelve/js/theme-customizer.js

@@ -18 +18 @@
                 } );
         } );
 
-        // Hook into background color change and adjust body class value as needed.
+        // Hook into background color/image change and adjust body class value as needed.
         wp.customize( 'background_color', function( value ) {
                 value.bind( function( to ) {
-                        if ( '#ffffff' == to || '#fff' == to )
-                                $( 'body' ).addClass( 'custom-background-white' );
-                        else if ( '' == to )
-                                $( 'body' ).addClass( 'custom-background-empty' );
+                        var body = $( 'body' );
+
+                        if ( ( '#ffffff' == to || '#fff' == to ) && 'none' == body.css( 'background-image' ) )
+                                body.addClass( 'custom-background-white' );
+                        else if ( '' == to  && 'none' == body.css( 'background-image' ) )
+                                body.addClass( 'custom-background-empty' );
                         else
-                                $( 'body' ).removeClass( 'custom-background-empty custom-background-white' );
+                                body.removeClass( 'custom-background-empty custom-background-white' );
                 } );
         } );
-} )( jQuery );
- No newline at end of file
+        wp.customize( 'background_image', function( value ) {
+                value.bind( function( to ) {
+                        var body = $( 'body' );
+
+                        if ( '' != to )
+                                body.removeClass( 'custom-background-empty custom-background-white' );
+                        else if ( 'rgb(255, 255, 255)' == body.css( 'background-color' ) )
+                                body.addClass( 'custom-background-white' );
+                        else if ( 'rgb(230, 230, 230)' == body.css( 'background-color' ) && '' == _wpCustomizeSettings.values.background_color )
+                                body.addClass( 'custom-background-empty' );
+                } );
+        } );
+} )( jQuery );