BB Theme customizations as editor-styles

BB Theme
,
1

I’m using Beaver Theme, Builder and Themer.

Using the “Customize…” settings, I am setting the styling for the site. I would like those styles on the Block Editor as well. On your Gutenberg Compatibility docs page in the Tip, it’s mentioned that they only load on preview.

I’m wondering what it would take to get those styles applied to the editor as well. Things like: column width, header and body font styling (font-family, size, line-height, etc.)

Is the only way to hardcode them into editor-styles.css and enqueue them?

2

At the moment, the following seems to work ok:

add_theme_support( 'editor-styles' );
add_editor_style( '../../uploads/bb-theme/fl-automator-skin.min.css' );
3

Here’s a fuller implementation that draws on the theme generated stylesheet:

add_action(
	'admin_init',
	function () {
		add_theme_support( 'editor-styles' );
		if ( class_exists( 'FLCustomizer' ) ) {
			$editor_style = FLCustomizer::css_url();
			/* Processing styles for block editor relies on wp_remote_get(), which fails silently with a self-signed SSL cert. See https://developer.wordpress.org/reference/functions/add_editor_style/#div-comment-5332. */
			if ( 'local' === wp_get_environment_type() ) {
				$editor_style = str_replace( 'https://', 'http://', $editor_style );
			}
			add_editor_style( $editor_style );
		}
	}
);