Bug 241576

Summary: CSS variable not accepted as alpha value in modern CSS `rgb()` function for ::marker color
Product: WebKit Reporter: Brandon McConnell <brandon>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: heycam, koivisto, sam, simon.fraser
Priority: P2    
Version: Safari Technology Preview   
Hardware: Unspecified   
OS: Unspecified   
See Also: https://bugs.webkit.org/show_bug.cgi?id=241566
Attachments:
Description Flags
screenshot of bug
none
test none

Description Brandon McConnell 2022-06-13 16:35:52 PDT 
Created attachment 460218 [details]
screenshot of bug

The source of this bug can be found here:
https://github.com/tailwindlabs/tailwindcss/issues/8610

Isolated example: https://codepen.io/brandonmcconnell/pen/jOZXdzg/f089181395b1ffd8812a16e6b5c96e7b?editors=1100

When using an opacity value from a CSS variable as the alpha channel value in an `rgb()` **for a ::marker pseudo-element's color**, neither the color nor the opacity values are rendered.
Comment 1 Alexey Proskuryakov 2022-06-13 22:14:55 PDT 

*** This bug has been marked as a duplicate of bug 241566 ***
Comment 2 Cameron McCormack (:heycam) 2022-06-13 22:23:57 PDT 
Created attachment 460223 [details]
test

Looks like we disallow custom property declarations on ::marker rules altogether.