Match background color in DFW and adapt the dashed outline color.

fixes #28330. props avryl, ipstenu.

git-svn-id: https://develop.svn.wordpress.org/trunk@29340 602fd350-edb4-49c9-b593-d223f7449a82

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

@@ -198,6 +198,9 @@
 			s.$dfwTitle = null;
 		}
 
+		$( '#fullscreen-overlay' ).css( 'background-color', s.editor.dom.getStyle( s.editor.getBody(), 'background-color', true ) );
+		s.$dfwTitle.add( s.$editorContainer ).css( 'color', s.editor.dom.getStyle( s.editor.getBody(), 'color', true ) );
+
 		api.ui.fade( 'show', 'showing', 'shown' );
 	};
 
@@ -413,6 +416,8 @@
 	});
 
 	ps.subscribe( 'hiding', function() { // This event occurs while the overlay blocks the DFW UI.
+		s.$dfwTitle.add( s.$editorContainer ).css( 'color', '' );
+
 		$body.removeClass( 'wp-fullscreen-active' );
 
 		if ( s.$dfwTitle ) {

src/wp-includes/css/editor.css

@@ -1797,7 +1797,7 @@ i.mce-i-hr:before {
 .wp-fullscreen-active.wp-dfw-show-ui .wp-editor-container {
 	-webkit-transition-duration: 0.4s;
 	transition-duration: 0.4s;
-	border-color: #ccc;
+	border-color: currentColor;
 }
 
 .fade-1000,
@@ -1846,7 +1846,7 @@ i.mce-i-hr:before {
 
 .wp-fullscreen-active.wp-dfw-touch  .wp-fullscreen-title,
 .wp-fullscreen-active.wp-dfw-touch .wp-editor-container {
-	border-color: #ccc;
+	border-color: currentColor;
 }
 
 .wp-dfw-touch #wp-fullscreen-statusbar {

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

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