[Webkit-unassigned] [Bug 234011] New: hex values in <meta name="theme-color"> not rendering correct rgb color

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Wed Dec 8 08:41:54 PST 2021


https://bugs.webkit.org/show_bug.cgi?id=234011

            Bug ID: 234011
           Summary: hex values in <meta name="theme-color"> not rendering
                    correct rgb color
           Product: WebKit
           Version: Safari 15
          Hardware: iPhone / iPad
                OS: iOS 15
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: ksylor at gmail.com

Created attachment 446370

  --> https://bugs.webkit.org/attachment.cgi?id=446370&action=review

Screenshot of the incorrect theme color from using a hex value

After updating to iOS 15.1, I noticed that the tab background color that is set via `<meta name="theme-color" content="#f1614e">` looked different than the same hex value applied as a background color on the Etsy.com SVG logo. I've attached an image showing the difference - you can see that the theme color looks more pinkish than the logo orange. The rgb value for the correct orange in the logo is `rgb(241, 100, 30)`, while the incorrect rgb for the theme color that is being displayed is `rgb(240, 98, 78)`.

When using the direct rgb value in the theme-color meta tag instead of hex, the color renders correctly `<meta name="theme-color" content="rgb(241, 100, 30)">` I've attached a screenshot created by manually editing the meta tag value in developer tools. 

Note that I am going to push up a code change to the production site to use an rgb value in our markup shortly, so I would expect this to no longer happen on https://www.etsy.com so it won't be reproducible.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20211208/8bc02c19/attachment.htm>


More information about the webkit-unassigned mailing list