Support rendering Theme Styles for Bricks Components when used in Gutenberg Blocks

Feature Requests / Improvements
1

Currently, when using Bricks Components inside Gutenberg blocks, the components do not render styles defined in Theme Styles.

Instead, they fall back to Bricks’ default styles.

78768
787681808Ă—968 16.6 KB

61081
610812034Ă—594 13 KB

This behavior makes it difficult to visually work with components in Gutenberg, as the appearance does not reflect the actual design system defined in Theme Styles.

Example

  • Component: Button element

  • Theme Styles: Custom button styles (colors, typography, spacing)

  • Result in Gutenberg: Button renders with default Bricks styles instead of Theme Styles

Which leads to confusion and poor editing experience, especially when using Bricks Components as part of a shared design system.

Expected behavior

Bricks Components used inside Gutenberg blocks should

  • Inherit and render Theme Styles

  • Match the appearance seen in Bricks editor and frontend

  • Avoid falling back to default Bricks styles unless explicitly intended