Skip to content

Add block text color option to Block Design settings #786

@jjroelofs

Description

@jjroelofs

Proposal

Add a "Block Text Color" option to the Block Design settings, allowing site builders to set the text color for block content.

Currently the Block Design settings include background color, padding, border, border radius, and border color — but no text color. When a dark block background is used, there's no way to change the block text color to ensure readability without custom CSS.

The implementation should follow the existing pattern:

  • Add a color picker form field in block-design-theme-settings.inc
  • Register the CSS variable in css-variables-theme-settings-css.inc
  • Add the default CSS variable in variables.scss
  • Apply the CSS variable to block selectors in layout.scss

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions