[Resolved] How to change back-end (working area) colour?

[JamesKrakauer]

I’m designing some white blocks and trouble is I can’t see them against the default white background of the WP back-end.
Is there a way to change the default background colour?
Sorry if I sound dummy or non-GP specific, but I really couldn’t find a solution, save for a defunct plugin, which I’d rather not use.
J.

[Leo]

Hi there,

The Gutenberg editor background color should inherit the Content background color set in the customizer.

I believe you will need something like this to change it:
https://developer.wordpress.org/reference/hooks/enqueue_block_editor_assets/
https://generatepress.com/forums/topic/how-to-show-custom-fonts-in-block-editor-gutenberg/#post-1459136

Using a plugin isn’t a bad idea if you are not comfortable writing your own code – you can just disable it once you are done with editing.

Let me know if this helps 🙂

[JamesKrakauer]

Thank you for your reply, Leo, but I wasn’t able to follow up on the links you provided.
I’ve been experimenting a little and found a css class “gb-container”, but I don’t know how to change its properties. Please have a look at the attachment. How would I change the color of the thing called “element” in the middle column and where should I place the code?

[Leo]

Not sure if I understand.

gb-container is the container block from GenerateBlocks.

It should inherit the setting you’ve set in the block settings:
https://docs.generateblocks.com/article/container-overview/#colors

There isn’t a way to change the color only in the editor as far as I understand.

[JamesKrakauer]

Anyway, I can make do by changing the content background color temporarily.

[Leo]

Sounds good 🙂

[JamesKrakauer]

I have solved it:
1. installed Add Admin CSS plugin;
2. added the following snippet:

body .editor-styles-wrapper {
	background: lightgray ;
}

[Leo]

Glad to hear and thanks for sharing 🙂

[Author]

Posts