Ticket #28330: 28330.2.patch

src/wp-admin/js/wp-fullscreen.js

@@ -6 +6 @@
  * Access the API globally using the window.wp.editor.fullscreen variable.
  */
 ( function( $, window ) {
-        var api, ps, s, toggleUI, uiTimer, PubSub,
+        var api, ps, s, toggleUI, uiTimer, PubSub, editorBackgroundColor, editorColor,
                 uiScrollTop = 0,
                 transitionend = 'transitionend webkitTransitionEnd',
                 $body = $( document.body ),
@@ -136 +136 @@
          * @param string mode Optional. Switch to the given mode before opening.
          */
         api.on = function() {
-                var id, $dfwWrap, titleId;
+                var id, $dfwWrap, titleId, fullscreenStyle;
 
                 if ( s.visible ) {
                         return;
@@ -198 +198 @@
                         s.$dfwTitle = null;
                 }
 
+                editorBackgroundColor = s.editor.dom.getStyle( s.editor.getBody(), 'background-color', true );
+                editorColor = s.editor.dom.getStyle( s.editor.getBody(), 'color', true );
+
+                $( '#fullscreen-overlay' ).css( 'background-color', editorBackgroundColor );
+                s.$dfwTitle.css( 'color', editorColor );
+
+                fullscreenStyle =
+                        '<style id="wp-fullscreen-style" type="text/css">' +
+                                '.wp-fullscreen-active.wp-dfw-show-ui .wp-fullscreen-title,' +
+                                '.wp-fullscreen-active.wp-dfw-show-ui .wp-editor-container {' +
+                                        'border-color: ' +
+                                                editorColor.replace( /rgb\s*\(\s*([0-9]+)\s*,\s*([0-9]+)\s*,\s*([0-9]+)\s*\)/gi, function( match, r, g, b ) {
+                                                        return 'rgba( ' + r + ', ' + g + ', ' + b + ', 0.5 )';
+                                                } ) +
+                                                '!important;' +
+                                '}' +
+                        '</style>';
+
+                if ( ! $( '#wp-fullscreen-style' ).replaceWith( fullscreenStyle ).length ) {
+                        $( 'head' ).append( fullscreenStyle );
+                }
+
                 api.ui.fade( 'show', 'showing', 'shown' );
         };
 
@@ -413 +435 @@
         });
 
         ps.subscribe( 'hiding', function() { // This event occurs while the overlay blocks the DFW UI.
+                s.$dfwTitle.css( 'color', '' );
+
                 $body.removeClass( 'wp-fullscreen-active' );
 
                 if ( s.$dfwTitle ) {

src/wp-includes/js/tinymce/skins/wordpress/wp-content.css

@@ -27 +27 @@
 /* DFW mode */
 html.wp-fullscreen,
 html.wp-fullscreen body {
-        background: transparent;
         width: auto;
         max-width: none;
         min-height: 0;