256528 2023-05-09 09:24:32 -0700 Sync `hr` element UA stylesheet for missing 'color: gray' 2023-07-14 12:06:07 -0700 1 1 1 Unclassified WebKit CSS Safari Technology Preview Unspecified Unspecified RESOLVED DUPLICATE 258725 http://wpt.live/html/rendering/non-replaced-elements/the-hr-element-0/hr.html BrowserCompat, InRadar, WPTImpact P2 Normal --- 1 ahmad.saleem792 webkit-unassigned annevk karlcow ntim simon.fraser webkit-bug-importer oldest_to_newest 1954054 0 ahmad.saleem792 2023-05-09 09:24:32 -0700 HI Team, While looking into failing testcase on WPT, I noticed that Firefox is passing this test case: WPT Link - https://wpt.fyi/results/html/rendering/non-replaced-elements/the-hr-element-0/hr.html?label=experimental&label=master&aligned Color - !EQ("rgb(128, 128, 128)", "rgb(0, 0, 0)") While looking at HTML Standard: https://html.spec.whatwg.org/#the-hr-element-2 I noticed that it has: color: gray; ^ it is also present in 'Firefox' html.css file (UA stylesheet). Adding this in local build and checking above testcase, we start to pass failing test case. Just wanted to raise so we can fix this and if we have any reason to not do this then we can do so. NOTE - we are doing opposite in this regard for <table> border to ask for removing 'color: gray' while asking to have it for 'hr' element. Thanks! 1955374 1 karlcow 2023-05-15 01:28:36 -0700 We could do it. I don't think there is an issue against it. 1955377 2 ahmad.saleem792 2023-05-15 01:44:12 -0700 (In reply to Karl Dubost from comment #1) > We could do it. I don't think there is an issue against it. My only concern is that WebKit had ‘table-border: gray’ and standards said a ‘Nope’, you have ‘black’ as default but nothing from UA Stylesheet and now we have web-spec saying for ‘gray’ to be in UA stylesheet. It seems like two opposite things to do in forcing colors. 1955397 3 annevk 2023-05-15 04:44:22 -0700 Given that Chromium and WebKit match I would suggest raising an issue against whatwg/html to get the standard changed. 1955553 4 ntim 2023-05-15 17:53:34 -0700 I think all browsers display it gray, or some variation. Blink & WebKit display it at rgb(154,154,154) which is close to gray (rgb(128,128,128)). The only difference is that the spec suggests to use `border-color: currentColor` and then set the `color` to the actual color (which is nicer, since you can tweak the color the HR using the color property as well). 1955679 5 webkit-bug-importer 2023-05-16 09:25:20 -0700 <rdar://problem/109409002> 1966787 6 ahmad.saleem792 2023-07-14 12:06:07 -0700 *** This bug has been marked as a duplicate of bug 258725 ***