[RFC] Relative color syntax 를 이용하여 opacity를 이중으로 적용할 수 있습니다.

[Sh031224]

목표

Relative color syntax 를 이용하면 기존에 이미 투명도가 적용된 값에 opacity를 적용할 때

color: #70737C28;
opacity: 0.3;

으로 사용하던 부분을

color: rgb(from #70737C28 r g b / calc(alpha * 0.3) )

이렇게 수정하여 이중으로 opacity를 쉽게 적용할 수 있습니다.

배경

Relative color syntax 를 점점 브라우저에서 지원하고 있는 가운데 Relative color syntax를 사용하도록 코드를 변경한다면, 현재 css variable에 들어 있는 --theme-palette-primary-normal-rgb 같이 rgb 가 붙은 변수를 제거할 수 있습니다.

또한 addOpacity 유틸리티에서 이중 opacity를 쉽게 대응할 수 있습니다.

제안

1. -rgb suffix가 붙은 css variable 제거
2. addOpacity 유틸리티에서 Relative color syntax 사용