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

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions