Skip to content

Missing hover color setting for “accent color interactive” causes inconsistent button styling #215

@mslizh

Description

@mslizh

Description

In the plugin settings there are currently three related color options:

  • accent color
  • accent color (hover)
  • accent color interactive

From observed behavior:

  • accent color is used for links
  • accent color (hover) is used for link hover state
  • accent color interactive is used for interactive elements (e.g. buttons)

However, interactive elements do not have their own hover color. Instead, their hover state falls back to accent color.

Problem

This creates inconsistent behavior when using different colors for links and interactive elements.

For example:

  • Links: blue (with blue hover)
  • Buttons: green

In this setup, button hover state becomes blue (inherited from accent color), instead of a variation of green.

As a result, it’s not possible to properly style interactive elements independently from links.

Expected behavior

Interactive elements should have a dedicated hover color, separate from link styling.

Suggested solution

Introduce an additional setting:

  • accent color interactive (hover)

This would allow:

  • Independent styling of buttons and links
  • Consistent hover behavior for interactive elements
  • Greater flexibility in theming

Additional context

This limitation becomes especially noticeable when links and buttons are intended to use distinct color palettes.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions