Design
CSS light-dark() — 다크 모드를 한 줄로 표현하는 새 함수
한 속성에서 두 모드 색을 동시 표현. data-theme 중복 블록을 없애고 토큰을 한 줄로 비교 가능하게 만드는 표준 CSS 함수입니다.
#css#light-dark#dark-mode#color-scheme
Design
CSS color-mix() — 디자인 토큰을 동적으로 섞는 표준 함수
토큰 1개로 hover/disabled/soft 같은 변형을 SCSS 함수 없이 표준 CSS만으로 만듭니다. oklch 색공간으로 시각적으로 자연스러운 색 보간을 얻을 수 있습니다.
#css#color-mix#design-tokens#dark-mode