Skip to content

Colour-relationship panel + contextual background class generation #161

Description

@jackgranatowski

Idea

A dashboard panel to define, per light/dark context, how foreground roles (headings, text, links, buttons) map — and to generate named contextual background classes (e.g. .sf-bg--light/-dark) that set the background and flip the foreground accordingly.

Why

The framework auto-contrasts text and supports data-theme section theming, but there's no admin surface to author "on dark backgrounds, links use X" relationships or to mint reusable contextual-background classes. This is a common agency need for on-brand light/dark sections.

Scope

  • UI to configure light/dark foreground relationships; emit the overrides under the framework's theme context.
  • Generate contextual background classes into the plugin's CSS output.

Acceptance

  • Configure per-context foreground mapping; generated .sf-bg--* classes flip fg correctly

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