Files: src/styles/theme.css, src/lib/theme.ts (if there's a JS mirror)
Context: kleros-v2 web's themes.ts defines 10 colors that don't exist in the library, blocking a full migration of the web theme to library vars (see web issue 3).
Add to both :root and :root.dark:
--klerosUIComponentsDarkPurple
--klerosUIComponentsVioletPurple
--klerosUIComponentsLavenderPurple
--klerosUIComponentsWhiteLowOpacitySubtle
--klerosUIComponentsWhiteLowOpacityStrong
--klerosUIComponentsBlackLowOpacity
--klerosUIComponentsSkeletonBackground
--klerosUIComponentsSkeletonHighlight
--klerosUIComponentsPaleCyan
--klerosUIComponentsLimeGreen
Light/dark values can be lifted from kleros-v2/web/src/styles/themes.ts. Also expose as Tailwind theme tokens via the @theme block for consumer parity with the existing colors.
Files: src/styles/theme.css, src/lib/theme.ts (if there's a JS mirror)
Context: kleros-v2 web's themes.ts defines 10 colors that don't exist in the library, blocking a full migration of the web theme to library vars (see web issue 3).
Add to both :root and :root.dark:
--klerosUIComponentsDarkPurple
--klerosUIComponentsVioletPurple
--klerosUIComponentsLavenderPurple
--klerosUIComponentsWhiteLowOpacitySubtle
--klerosUIComponentsWhiteLowOpacityStrong
--klerosUIComponentsBlackLowOpacity
--klerosUIComponentsSkeletonBackground
--klerosUIComponentsSkeletonHighlight
--klerosUIComponentsPaleCyan
--klerosUIComponentsLimeGreen
Light/dark values can be lifted from kleros-v2/web/src/styles/themes.ts. Also expose as Tailwind theme tokens via the @theme block for consumer parity with the existing colors.