Skip to content

Allow section-level color palette overrides for pattern child elements #3052

Description

@pirate-bot

Impact: 65 · Confidence: 85 · Complexity: 50

Description

Problem

When users insert block patterns into a page, modifying colors requires clicking through each nested child block (headings, buttons, icons, backgrounds) individually to change their colors. This multi-step workflow makes customizing inserted block patterns tedious.

Desired Behavior

Provide a top-level color override section in the parent Section/Group block settings for inserted patterns, enabling users to apply color palette styles (such as primary, secondary, text, and background colors) across all child elements within the pattern at once.

Acceptance Criteria

  • The parent Section/Container block of an inserted pattern includes a color palette / style override control panel.
  • Updating a color in the panel automatically updates matching child element styles (e.g. primary accent updates button backgrounds, icons, and highlights).
  • Individual block-level color customizations remain available and override the section-level setting when explicitly configured.

Customer Context

Submitted via in-app feedback for Otter Blocks (v3.2.1): 'Could you make it easier to change color of things inside of patterns, please?' (1 user entry).

Root Cause Analysis

Block patterns are multi-block compositions (sections, columns, headings, buttons). Changing colors currently requires selecting each individual nested block and updating its color properties in the block sidebar. While the Design Library offers an Accent Color picker to preview patterns before insertion, once a pattern is inserted, modifying elements inside requires a high-friction, multi-step editing process. The underlying issue is that Otter lacks a unified pattern-level or section-level color override mechanism to propagate color palette changes to child elements.

Alternative Suggestions

Enhance the parent Section/Container block wrapper for patterns by adding a top-level color palette override panel. When a user selects the pattern wrapper block, changing primary/accent/text colors updates all nested child blocks simultaneously rather than requiring element-by-element selection.

Reasoning

The user asks to make it easier to change the color of elements inside patterns. Currently, block patterns consist of multiple nested blocks, requiring users to select each individual nested element to modify its color settings manually (though the Design Library offers a global Accent color preview before insertion). While changing individual block colors is possible, batch-updating colors or applying global/section-level color palette overrides across nested elements within an inserted pattern is cumbersome. Instead of introducing a brand-new feature, this root cause is best addressed by improving Otter's section/pattern controls to allow top-level or group color palette overrides across all nested blocks in a pattern.


Source: automated in-product feedback — otter-blocks, 2026-09-14
Generated by feature-request-triage workflow (ID: feature-request-triage_6aa8d584be2234.12650686)

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions