Changing theme font color changes Gutenberg font color

Hi floj,

thank you for getting in touch. I took a look at the github issue, it is something theme related and not a bug with Gutenberg itself.

Currently, the text color in Gutenberg is adapted by the Customizer settings. Normally the editor should show what is shown on the frontend. So if your text is white on the frontend, when you look at the page, it should be white in the backend too, where you edit your post. Otherwise it could be confusing as some may think the color isn’t working correctly.

White text as in your case may be indeed a problem. However, if your text area has a background color, then it gets displayed correctly in Gutenberg.

So, to test this further and come to a conclusion, I would like to know your exact layout of this section. Where do you use your white text on?

Thank you for your quick answer! What do you mean by

So, to test this further and come to a conclusion, I would like to know your exact layout of this section. Where do you use your white text on?

This is what I did: In the customizer of meteorite theme I set the background color to black and the text color (“Body Text”) to white. This changes the text color in Gutenberg to white. However, the background color in Gutenberg stays white and does not change to black. This makes it impossible to read the text.

I set the background color to black and the text color (“Body Text”) to white. This changes the text color in Gutenberg to white. However, the background color in Gutenberg stays white and does not change to black.

This was what I needed to know. I will test this and try to solve this with the next update which is planned for February. If you need a fix solution, I can provide you the code.

Thank you very much, I am looking forward to the February update then.

Would you expect the Gutenberg editor to be black background and white text, the colors you chose for the page or to be colored normal?

In my opinion Gutenberg does not have to reflect the colors of the frontent exactly. I think if it would be colored normal that would be totally okay and would not have such a big impact on the overall design of the backend.

But I also understand that it can be confusing to users who use severeal colors in their texts. So choose whatever is easier to implement for you ?? The most important thing for me is that I am able to read my text.

Another solution could be to convert a complete white text color in the frontend to a readable grey color in Gutenberg.

Thank you for your feedback. I will test both options I guss.

To your idea: Converting white to grey would be possible but hard to find the most suitable value. Do you convert only pure white, or even #f2f2f2? To which grey? Will this be even more confusing?

I mark this topic as resolved as it will be fixed with the next update.

Hi floj,

the update Meteorite 2.3 has just been uploaded and should be available soon.

I decided to add the background color to Gutenberg as well. However, one can simply disable that with a filter inside a functions.php of a child theme or custom PHP snippets plugin:

function meteorite_disable_colored_Gutenberg() {
  return false;
}
add_filter('meteorite_apply_editor_bg_text', 'meteorite_disable_colored_Gutenberg');

Feel free to chose what fits your needs.