Evo Tokens

Contains all custom properties necessary to correctly render the Evo Design System, in accordance with the token system .

Core, light and dark token sets are individually exposed via the following submodules:

@ebay/skin/tokens/ evo-core

eBay default primitives

@ebay/skin/tokens/ evo-light

eBay semantic aliases for light mode

@ebay/skin/tokens/ evo-dark ^*

eBay semantic aliases for dark mode

^* This sub-module will not be included automatically by its parent module; it must be explicitly included by any page that is itself dark-mode compatible.

Evo Live Theme

Evo live is a theme built on top of evo-core. To import evo-live theme

Core, light and dark token sets are individually exposed via the following submodules:

@ebay/skin/tokens/ evo-core

eBay default primitives

@ebay/skin/tokens/ evo-live-light

eBay semantic aliases for light mode

@ebay/skin/tokens/ evo-live-dark ^*

eBay semantic aliases for dark mode

There is also a bundled module @ebay/skin/evo-live Which imports all live tokens

Subthemes

To swap themes within a page, use the token class themes. These are exported as @ebay/skin/evo-live-class and @ebay/skin/evo-class Then, within your page, add a class of .evo-theme-live and all components within that element will use the partial theme.

Note, this example only works on default evo theme

Semantic Color Tokens

Note: To see the different theme colors, use the theme switcher

Core Expressive tokens

Core expressive tokens are a subset of core tokens which can be used in marketing or other related categories