Skip to content

[FR]: Support theme-color meta tag for adaptive browser UI #725

@CoderNoel

Description

@CoderNoel

Description

Add support for the theme-color meta tag so the browser's toolbar/address bar adapts to match the website's specified color, similar to Safari, Arc, and Dia.

Who's implementing?

  • I'm willing to implement this feature myself

The problem

Coming from Dia, I really miss how the browser's UI would adapt its color to match websites that specify a theme-color. It makes the whole browsing experience feel more cohesive and polished. Right now in Helium, the toolbar stays the same color regardless of what site I'm on, which feels like a step back.

Safari has supported this feature for a while, and browsers like Arc and Dia have implemented it really well on desktop. It's a subtle thing but once you're used to it, you notice when it's missing.

Possible solutions

Implement support for the standard tag. When a website specifies this, the browser's toolbar/address bar could adapt to that color (or a slightly modified version for readability).

Could be:

  • Always on by default (like Safari)
  • Toggle-able in settings if some users don't want it
  • With some sensible constraints (minimum contrast for readability, etc.)

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    featFeature requestpendingUntriaged; maintainers have not discussed this yet

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions