feat(skin): add --media-color-primary customization (#957)

This commit is contained in:
Sam Potts
2026-03-16 10:47:13 +11:00
committed by GitHub
parent 177bd26c1f
commit 0e9f5376e1
12 changed files with 47 additions and 29 deletions
@@ -8,10 +8,10 @@ export const controls = cn(
'p-[0.175rem] flex items-center gap-[0.075rem]',
'rounded-full',
// Shadow color variables (derived from currentColor lightness)
'[--media-controls-current-shadow-color:oklch(from_currentColor_0_0_0/clamp(0,calc((l-0.5)*0.5),0.25))]',
'[--media-controls-current-shadow-color:oklch(from_currentColor_0_0_0/clamp(0,calc((l-0.5)*0.5),0.15))]',
'[--media-controls-current-shadow-color-subtle:oklch(from_var(--media-controls-current-shadow-color)_l_c_h/calc(alpha*0.4))]',
// Text shadow
'text-shadow-[0_0_1px_var(--media-controls-current-shadow-color)]',
'text-shadow-[0_1px_0_var(--media-controls-current-shadow-color)]',
// Wider container
'@2xl/media-root:p-1 @2xl/media-root:gap-0.5'
);