Skip to content

HTML theme-color doesn't match the pages #3146

@alice-mkh

Description

@alice-mkh

What Happened?

So I've been experimenting with page color extraction in webkit, and noticed that elementary.io has rather strange theme-color - to the point that sampiing the top of the page seems to work better.

See https://neurodifferent.me/@alexm/109601890615607649 for details, no point in reiterating it all here.

So, on the following screenshots, the 3 color buttons in the toolbar are: theme color, under page background color and sampled top color respectively.

The results:

Screenshot from 2022-12-30 13-46-14

theme-color here is blue even though the page header is white. And same thing on the support page.

Screenshot from 2022-12-30 13-46-54

theme-color here is the same blue even though the header is purple. Sampled color is spot on here, but since theme-color is set, that's the one that will be used.

Screenshot from 2022-12-30 13-47-51

This one doesn't have blue - however, it looks like it probably should be white as well.

Screenshot from 2022-12-30 13-48-32

It is blue, but a different shade than the header.

And finally, on the blog it matches.

Steps to Reproduce

.

Expected Behavior

.

OS Version

6.x (Odin)

Software Version

Latest release (I have run all updates)

Log Output

No response

Hardware Info

This template doesn't seem well suited for website issues :)

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