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
    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