changing visual editor background color to make the white logos in the blocks visible

diff --git a/functions.php b/functions.php
index 8b7b8c5..a943e94 100644 (file)
--- a/functions.php
+++ b/functions.php
@@ -221,4 +221,14 @@ add_filter( 'custom_page_templates', function( $now_templates ) {
 // } else {
 //     echo "<p>The current template used is:".get_page_template_slug( $post->ID )."</p>";
 // }
+
+// Add custom styles to TinyMCE editor
+if ( ! function_exists('tinyMceEditor_css') ) {
+  function tinyMceEditor_css($wp) {
+        $wp .= ',' . get_bloginfo('stylesheet_directory') . '/tiny.css';
+        return $wp;
+    }
+}
+add_filter( 'mce_css', 'tinyMceEditor_css' );
+
 ?>

diff --git a/tiny.css b/tiny.css
new file mode 100644 (file)
index 0000000..7517a11
--- /dev/null
+++ b/tiny.css
@@ -0,0 +1,3 @@
+.mceContentBody.wp-editor {
+    background-color: #C6C6C6;
+}
\ No newline at end of file